iframescrolling的简单介绍

Iframe 标签为什么用scrolling:no 后，就无法下拉滚动了？

没有滚动条当然就没法滚动了。如果想继续用鼠标滚轮来进行滚动，就必须自己用js来实现（注意必须是在iframe内的页面哦）：

if(document.addEventListener){

document.addEventListener('DOMMouseScroll',function(e){

document.body.scrollTop-=e.detail*10;

e.preventDefault();

},false);

}else{

window.onmousewheel=document.onmousewheel=function(e){

document.body.scrollTop-=e.wheelDelta/4;

e.preventDefault();

}

}

js iframe scrolling

直接设置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浏览器，占资源最少，速度快，崩溃最少

网页内iframe怎么去除滚动条？

1.主页面的iframe scrolling 属性设置为 yes 或者 atuo

iframe width="100%" height="50%" frameborder="1" scrolling="yes" src="url"/iframe

2.子页面内 body 样式设置为

让竖条没有:

body style='overflow:scroll;overflow-y:hidden'

/body

让横条没有:

body style='overflow:scroll;overflow-x:hidden'

/body

两个都去掉

body scroll="no"

/body

（BY三人行慕课）

iframe去掉滚动条的方法

1.主页面的iframe? scrolling 属性设置为 yes 或者 atuo

iframe?width="100%"height="50%"frameborder="1"scrolling="yes"src="url"

/iframe

2.子页面内 body 样式设置为?

让竖条没有:?

body?style='overflow:scroll;overflow-y:hidden'?

/body

让横条没有:?

body?style='overflow:scroll;overflow-x:hidden'?

/body

两个都去掉?

body?scroll="no"?

/body

转自：