您现在的位置是:网站首页>>信息浏览 文章详情

iframe滚动条的各种设置
2019-07-26 12:14 许多年以后 1438

当我们用iframe嵌入页面后,有时要去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下的滚动条且保留右边的滚动条。那么我们可以用iframe的scrolling属性,但是它只有 auto , yes , no 这三个值。不能满足我们的要求,而我们可以修改嵌入的页面的body属性达到目的。

一:去掉全部的滚动条

第一个方法:
修改iframe的scrolling属性。

  • scrolling : auto ——-在需要的时候滚动条出现

  • scrolling : yes ———始终显示滚动条

  • scrolling : no ———-始终隐藏滚动条全部的滚动条就没有

第二个方法:

在嵌入的页面里设置 body{overflow:hidden},这样也可以将滚动条去掉,而且这也是当我们只想去掉某一个滚动条所使用的属性。

二:去掉右边且保留底下的滚动条

  1. body{overflow-xauto ; overflow-yhidden;}

三:去掉底下且保留右边的滚动条

  1. body{overflow-xhiddenoverflow-yauto;}

四:scrolling属性与body的区别

当 scrolling = “ auto “ 或者 “ yes “ 时,如果设置了 body,那么就会使用body里的设置;当 scrolling = “ no “ 时,不管body设置了什么,都会使用 scrolling 的设置,即全部的滚动条都被去掉了。

赞 (72)
文章出处:书生个人博客          转载注明下哦!o(≧v≦)o~~

标签: 前端

相似文章:


随便说两句
请先登录
遵守国家法律法规,请勿回复无意义内容,请不要回复嵌套过多的楼层!