W3C标准下js动态隐藏滚动条在iframe下失效怎么办

JavaScript016

W3C标准下js动态隐藏滚动条在iframe下失效怎么办,第1张

一:去掉全部的滚动条

第一个方法: iframe 有一个scrolling属性,它有 auto , yes , no 这三个值。

scrolling : auto -----在需要的时候滚动条出现

scrolling : yes ------始终显示滚动条

scrolling : no -------始终隐藏滚动条

当设置 scrolling : no 时,全部的滚动条就没有了。

第二个方法:我发现除了 scrolling 可以去掉全部的滚动条外,还有另一个方法,在嵌入的页面里设置 body{overflow:hidden},这样也可以将滚动条去掉,而且这也是当我们只想去掉某一个滚动条所使用的属性。

二:去掉右边的滚动条且保留底下的滚动条

如果只想保留底下的滚动条,那么可以在嵌入的页面里设置 body{overflow-x:auto overflow-y:hidden;}

这篇文章主要介绍了js判断iframe内的网页是否滚动到底部触发事件,需要的朋友可以参考下

之前有个需求是要判断iframe内的网页是否滚动到底部触发事件,

网上找了许多资料都是说在当前页面下的,

索性就自己研究了一下,

找到了解决方法.

clientHeight:这个元素的高度,占用整个空间的高度

offsetHeight:是指元素内容的高度

scrollTop:可以理解为滚动条可以滚动的长度

以下是源代码

代码如下:

<iframe

src="~/Files/3.html"

id="iframepage"

width="825"

onload="func()"></iframe>

<script

type="text/javascript">

function

func()

{

var

ifm

=

document.getElementById("iframepage")

ifm.height

=

window.document.body.clientHeight

-

100

}

<!--在chrome有兼容问题,FF和IE10无问题,网上说chrome访问iframe要在服务器环境下,不知道什么情况-->

window.document.getElementById("iframepage").contentWindow.onscroll

=

function

aaa()

{

var

ifm

=

document.getElementById("iframepage").contentWindow.document.documentElement

if

(ifm.scrollTop

==

ifm.scrollHeight

-

ifm.clientHeight)

{

alert("到底了")

}

}

</script>