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值
    

  • 相关阅读:
    mysql字符集设置
    mysql解压版服务启动方式
    html的表格边框为什么会这么粗?
    通过js获取tinymce4.x的值
    bzoj 3083 树链剖分
    bzoj 1143 二分图最大独立集
    bzoj 2303 并查集
    可持久化数据结构讲解
    bzoj 1072 状压DP
    bzoj 2741 可持久化trie
  • 原文地址:https://www.cnblogs.com/shipskunkun/p/10022037.html
Copyright © 2011-2022 走看看