zoukankan      html  css  js  c++  java
  • 左右分栏页面右侧无法出现滚动条bug

    问题记录

    项目比较老了,左右分栏的页面,导航栏右边是一个iframe组成的页面,通过某个操作后,页面右侧内容区域无法实现滚动
    

    问题查明

    遇见过好几次,最后查明,总结一句话,修改了右侧页面body的overflow属性导致的,怎么出现问题的,看body overflow值的变化,操作完把overflow改回去
    
    1.第一次遇见
    是打开了对话框,这个操作,看代码后,给 对话框背后的body添加新样式,让它不能滚动,点击取消,不是确定,
    没有去掉新加的样式
    ```
    openDialog:function(){
        $('body').addClass('noscroll');
        $('.modal').show();
        $('.modal-content .confirm').on('click',function(){
            $('.modal').hide();
            $('body').removeClass('noscroll');
        })
    }
    ```
    
    2.第二次碰到
    为啥呢?在公共组件文件中,引入了一个插件的样式
    @import "../../../ro/3/jsonedit/css/index.css"
    
    结果这个jsonedit 插件自带的样式文件, 就修改了body中的overflow值
    所以引入后,还得修改回body的overflow值
    

  • 相关阅读:
    HDU 5714
    C++ 中的名称冲突之 "y1"
    FFT 模板
    Modular Query
    找礼物(find)(模拟)
    水流(water)(BFS)(DFS)
    单词接龙(dragon)(BFS)
    细菌(disease) (位运算)(状态压缩)
    Diamond Collector (动态规划)
    超级素数(sprime) (BFS)
  • 原文地址:https://www.cnblogs.com/shipskunkun/p/10022037.html
Copyright © 2011-2022 走看看