滚动条重复

在调用框架或者多级 iframe 的时候,经常会出现多个滚动条或者左右都有的情况,需要我们进行调整,现就设置方法记录如下。

去掉全部滚动条

设置scrolling属性

scrolling: auto // 在需要的时候显示滚动条scrolling: yes // 始终显示滚动条scrolling: no //始终隐藏滚动条

设置 body

body {overflow: hidden}

可以去看滚动条,也可以用来去看某一个滚动条时的方案。

有选择的去掉滚动条

body {overflow-x: auto; overflow-y: hidden;} /* 去看右边的滚动条,保留下面的 */body {overflow-x: hidden; overflow-y: auto;} /* 去掉底下的滚动条,保留右边 */

代码优先级

如果 scrolling: auto 或者 scrolling:yes 会依据 body 的值显示或者隐藏;如果 scrolling:no 无论什么设置都不会再显示滚动条。