iframe 滚动条

zucchiniy

发布于 2019-10-30 18:56:14

4.4K0

发布于 2019-10-30 18:56:14

文章被收录于专栏：洞明学问

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

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

body {overflow: hidden}

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

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

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度