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

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

WBOY
發布: 2016-05-16 16:37:04
原創
1270 人瀏覽過

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

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

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

代碼:

父窗體頁面index.html

複製代碼
程式碼如下:









dd
ddd





子窗體頁iframe.html

複製程式碼








相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板