iframe去掉滚动条的方法_教程

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

</iframe>

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

让竖条没有:

</body>

让横条没有:

</body>

两个都去掉

</body>

转自： https://www.3mooc.com/front/articleinfo/101

滚动条始终在最下端:

window.onload=function (){

document.documentElement.scrollTop=parseInt(document.body.offsetHeight)-parseInt(document.documentElement.offsetHeight)+100

}

/*上面的加100是因为取offsetHeight的值不是很准,所以自己改到准为止*/

滚动条始终在最上端:

window.onload=function(){

document.documentElement.scrollTop=0

}

1、首先打开网站开发工具，新建一个HTML页面。

2、编写HTML代码，核心代码：<div class="iframe-wrap"><iframe src="iframe.html" class="iframe-box"></iframe></div>。

3、接着编写CSS代码，核心代码如下图所示。

4、在新建一个HTML页面（也就是需要嵌套的iframe页面），代码如下。

5、给iframe页面添加修饰样式核心代码：p{ height: 50pxline-height: 50pxfont-size: 16px}。

6、打开浏览器，浏览刚才制作的页面，测试效果（可以使用滚轮和键盘上下键进行测试）可以发现页面上没有滚动条，而且iframe依然可以滚动。

欢迎分享，转载请注明来源：内存溢出

iframe去掉滚动条的方法