• iframe关于滚动条的去除和保留


        iframe嵌入页面后,我们有时需要调整滚动条,例如,去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下的滚动条且保留右边的滚动条。那么我们应该怎么做呢?

       一:去掉全部的滚动条

             第一个方法:   iframe 有一个scrolling属性,它有 auto , yes , no 这三个值。

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

                                 scrolling : yes ------始终显示滚动条

                                 scrolling : no -------始终隐藏滚动条

                                 当设置   scrolling : no 时,全部的滚动条就没有了。

             第二个方法:我发现除了 scrolling 可以去掉全部的滚动条外,还有另一个方法,在嵌入的页面里设置 body{overflow:hidden},这样也可以将滚动条去掉,而且这也是当我们只想去掉某一个滚动条所使用的属性。

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

           如果只想保留底下的滚动条,那么可以在嵌入的页面里设置 body{overflow-x:auto ; overflow-y:hidden;}

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

          在嵌入的页面里设置 body{overflow-x:hidden;overflow-y:auto;}

         

          我们已经知道了这两个属性都可以设置滚动条的显示和隐藏,那么当两个同时设置时,会出现哪个效果呢?

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

  • 相关阅读:
    Max retries exceeded with ur
    DHTML【1】
    广播发送与接收
    用例图之我见
    rman catalog (rman 恢复目录)
    面试高频题:单链表的逆置操作/链表逆序
    C#3.0 语言基础扩充
    hdu 1114 Piggy-Bank(完全背包)
    VSS Get Latest Version 没有提示recursive的对话框解决
    微服务实践分享(3)服务发现
  • 原文地址:https://www.cnblogs.com/yezi-dream/p/6070616.html
Copyright © 2020-2023  润新知