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

2021-05-25 03:19:11 字數 434 閱讀 7531

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

iframe 高度自動調節,最簡單解決

iframe高度自動調節,好象是個難題耶。google一下,方法一大堆,有點太複雜,都不大行。vs2008的幫助又動不了,連看個iframe類模型都無辦法,菜啊。試了n回,下面簡單 可以了,asp.net 2.0條件下。注意事項 1 height設為auto不行的,一定要有乙個值 2 this.do...

去掉IE瀏覽器滾動條最簡單的方法

做了乙個頁面,與桌面解析度一樣大小,但是在ie全屏 f11 下卻顯示有滾動條,而火狐確沒有。怎麼樣去掉ie滾動條呢?其實有乙個屬性就可以解決。方法1 直接在body裡面加上屬性scroll 如 body scroll no 方法2 使用樣式表overflow 如 html 我採用了這個,滾動條就消失...