首頁 >web前端 >html教學 >用jquery進行修復在iframe下的頁面錨點失效問題_HTML/Xhtml_網頁製作

用jquery進行修復在iframe下的頁面錨點失效問題_HTML/Xhtml_網頁製作

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB原創
2016-05-16 16:37:041308瀏覽

應用場景是:iframe頁面沒有滾動條,在父窗體中出現滾動條,錨點標記就會失效,因為,錨點是根據當前視窗滾動條滾動視窗的,成為子窗體後沒有了滾動條,自然不會滾動。

解決方法是:用js判斷頁面是否被嵌套,用js計算iframe在父窗體位置,錨點在firame中的位置,兩者相加成為父窗體的滾動。

遇到問題:取得父窗體元素(因為有域限制,所有需要在網路環境下方位(即http://domain.com));父窗體嵌套多個iframe,判斷是否是當前iframe頁面。

代碼:

父窗體頁面index.html

複製代碼
程式碼如下:









dd
ddd





子窗體頁iframe.html

複製程式碼




B

C

D


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn