應用場景是:iframe頁面沒有滾動條,在父窗體中出現滾動條,錨點標記就會失效,因為,錨點是根據當前視窗滾動條滾動視窗的,成為子窗體後沒有了滾動條,自然不會滾動。
解決方法是:用js判斷頁面是否被嵌套,用js計算iframe在父窗體位置,錨點在firame中的位置,兩者相加成為父窗體的滾動。
遇到問題:取得父窗體元素(因為有域限制,所有需要在網路環境下方位(即http://domain.com));父窗體嵌套多個iframe,判斷是否是當前iframe頁面。
代碼:
父窗體頁面index.html
子窗體頁iframe.html