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值
    

  • 相关阅读:
    springboot整合mybatis 异常 org.apache.ibatis.binding.BindingException: Invalid bound statement (not found):
    报时助手
    Huffman树费用
    动画效果
    工具和其他操作
    使用筛选器获取元素
    DOM操作
    属性和样式操作
    jQuery基础
    选择器
  • 原文地址:https://www.cnblogs.com/shipskunkun/p/10022037.html
Copyright © 2011-2022 走看看