第一个方法:
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监视滚动事件的函数是onscroll
js语法:element.onscroll = functionReference
html语法:<element onscroll="myScript">
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8" />
<style>
#container {
position: absolute
height: auto
top: 0
bottom: 0
width: auto
left: 0
right: 0
overflow: auto
}
#foo {
height:1000px
width:1000px
background-color: #777
display: block
}
</style>
</head>
<body>
<div id="container">
<div id="foo"></div>
</div>
<script type="text/javascript">
// js绑定你需要监控滚动事件的dom,也可以绑定document.body监控整个网页滚动
// 也可以监控具体的dom滚动,像下面的container Id对象
document.getElementById('container').onscroll = function() {
console.log("scrolling")
}
</script>
</body>
</html>
直接设置iframe属性在ie8下无效果,所以得通过div来实现.divid:包含iframe的div
function setFrameAutoScrol(divid)
{
var iframe = window.parent.document.getElementById(divid)
var div= window.parent.document.getElementById(divid)
div.style.height=iframe.height-20+"px"//设置div高度
div.style.overflow = 'auto'//设置滚动条
}
另外推荐myie浏览器,占资源最少,速度快,崩溃最少