滚动条重复
在调用框架或者多级 iframe 的时候,经常会出现多个滚动条或者左右都有的情况,需要我们进行调整,现就设置方法记录如下。
去掉全部滚动条
设置scrolling属性
代码语言:javascript复制scrolling: auto // 在需要的时候显示滚动条
scrolling: yes // 始终显示滚动条
scrolling: no //始终隐藏滚动条
设置 body
代码语言:javascript复制body {overflow: hidden}
可以去看滚动条,也可以用来去看某一个滚动条时的方案。
有选择的去掉滚动条
代码语言:javascript复制body {overflow-x: auto; overflow-y: hidden;} /* 去看右边的滚动条,保留下面的 */
body {overflow-x: hidden; overflow-y: auto;} /* 去掉底下的滚动条,保留右边 */
代码优先级
如果 scrolling: auto
或者 scrolling:yes
会依据 body 的值显示或者隐藏;如果 scrolling:no
无论什么设置都不会再显示滚动条。