iFrame只要豎滾動條,不要橫滾動條的方法

2021-05-22 12:20:06 字數 790 閱讀 1170

name="test" 

marginwidth="0"

marginheight="0"

allowtransparency="true"

id="test"

scrolling="auto"

height="200px"

width="200px">

我們可以通過js來該iframe的寬和高,當然包括src裡面包含的頁面或者do請求

document.getelementbyid("test").style.height = ???

document.getelementbyid("test").style.width= ???

document.getelementbyid("test").src= ???

如果想把iframe裡面包含的頁面需要傳遞的值傳遞到父頁面,可以

parent.document.getelementbyid("??").value = document.get.......

[parent代表父頁面,父頁面的某個值 = iframe包含的頁面的某個值]

讓iframe出現豎滾動條,而不出現橫滾動條

方法一:

設定body寬度的做法,在iframe包含的頁面內中寫入,如下

body

通過css來控制寬度,我沒有設100%,預設是100%;而是設了95%;這樣因為整體頁面的寬度小於100%,所以就不再出現橫滾動條了,而豎滾動條依然起作用

方法二:

在iframe的包含頁面裡加入

兩種方法都可以搞定

IFRAME去滾動條

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

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

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

去掉iframe橫向滾動條

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