react开发中ant抽屉组件多层调用后页面被锁死Bug处理

bug:

        react ant框架中抽屉组件的使用。

            1.当调用多层抽屉,收起多层抽屉后,页面被锁死,无法滚动。

            2.当在多层抽屉中,调用创建form表单后,返回页面的时候,页面被锁死,无法滚动。

season:

            在body中添加了内联样式=>style="touch-action: none; position: relative; width: calc(100% - 17px); overflow: hidden;"

resolve1:

        将内联样式overflow: hidden删除;

resolve2:

        将内联样式overflow属性设置为auto【overflow: auto】

resolve3:

        简单粗暴解决=>在样式中

        body {

              overflow:auto  !importan

        }

resolve4:(推荐使用)

        JS动态添加样式:

            const node = document.getElementsByTagName("body")[0]

            node.style.overflow = "auto"

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、v-model默认的触发条件是input事件,加了.lazy修饰符之后,v-model会在change事件触发...
    Dockerps阅读 2,682评论 0 2
  • 1.项目所遇到的问题集合 [if !supportLists]1.[endif]设置div的背景阴影 用:box-...
    一笑奈何_3bea阅读 4,935评论 0 0
  • 本文主要讲述页面布局样式方面涉及的知识点,更全面的对CSS相应的技术进行归类、整理、说明,没有特别详细的技术要点说...
    Joel_zh阅读 4,704评论 0 1
  • client,page和screen的区别? clientX,clientY是触摸点相对于viewport视口x,...
    change_22fa阅读 5,691评论 1 1
  • 渐变的面目拼图要我怎么拼? 我是疲乏了还是投降了? 不是不允许自己坠落, 我没有滴水不进的保护膜。 就是害怕变得面...
    闷热当乘凉阅读 9,804评论 0 13

友情链接更多精彩内容