当我们用iframe嵌入页面后,有时要去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下的滚动条且保留右边的滚动条。那么我们可以用iframe的scrolling属性,但是它只有 auto , yes , no 这三个值。不能满足我们的要求,而我们可以修改嵌入的页面的body属性达到目的。
目录
一:去掉全部的滚动条
二:去掉右边且保留底下的滚动条
三:去掉底下且保留右边的滚动条
四:scrolling属性与body的区别
一:去掉全部的滚动条
第一个方法:
修改iframe的scrolling属性。
scrolling : auto ——-在需要的时候滚动条出现
scrolling : yes ———始终显示滚动条
scrolling : no ———-始终隐藏滚动条全部的滚动条就没有
第二个方法:
在嵌入的页面里设置 body{overflow:hidden},这样也可以将滚动条去掉,而且这也是当我们只想去掉某一个滚动条所使用的属性。
二:去掉右边且保留底下的滚动条
body{overflow-x:auto ; overflow-y:hidden;}
三:去掉底下且保留右边的滚动条
body{overflow-x:hidden;overflow-y:auto;}
四:scrolling属性与body的区别
当 scrolling = “ auto “ 或者 “ yes “ 时,如果设置了 body,那么就会使用body里的设置;当 scrolling = “ no “ 时,不管body设置了什么,都会使用 scrolling 的设置,即全部的滚动条都被去掉了。
原创来源:滴一盘技术