IFRAME去滾動條

2021-05-22 11:40:19 字數 461 閱讀 1448

最簡單的方法去掉iframe滾動條

該文也可以說是乙個iframe自適應大小的折中解決辦法。iframe出現滾動條的原因是,body裡面的內容的高度大於了iframe的高度,所以會出現滾動條。

解決辦法:

採用jquery從iframe巢狀的頁面中獲取乙個高度值,在iframe的父視窗中的onload事件中更新iframe的高度。

具體實現**:

父頁面:

子頁面:

html**

執行原理: 父頁面讀取子頁面中meta的字段值來設定iframe的高度

額外說明:

當iframe 的高度小於內容高度時,如果父視窗的body 的overflow:auto,則會出現2個垂直滾動條,iframe的垂直滾動條和父視窗的滾動條;

如果這時,body 的overflow:hidden,則只會出現iframe的垂直滾動條,但是,iframe的內容顯示不完。

iframe滾動條充當瀏覽器滾動條

在做部落格專案的時候,使用了iframe,方便根據選擇的文章類別切換顯示的內容,但是文章一般都有很多,通過bootstrap的 列表的方式顯示的話,iframe是一定會出現滾動條的,特別是我新增了乙個 滾動條觸底之後動態載入更多的文章 的功能。這樣頁面上就會有兩個滾動條,特別奇怪。在網上學習了一些之...

去掉iframe橫向滾動條

2010年01月22日 星期五 04 59 p.m.主頁面加iframe scrolling yes 子頁面 讓豎條消失 讓橫條消失 還要去掉 子頁面裡的 兩個都去掉 iframe自適應高度 寬度 function dyniframeautosize iframename,autotype 方法一 ...

最簡單的方法實現去iframe滾動條

該文也可以說是乙個iframe自適應大小的折中解決辦法。iframe出現滾動條的原因是,body裡面的內容的高度大於了iframe的高度,所以會出現滾動條。解決辦法 採用jquery從iframe巢狀的頁面中獲取乙個高度值,在iframe的父視窗中的onload事件中更新iframe的高度。具體實現...