web移动端浮层滚动带动底层元素滚动问题解决

最新推荐文章于 2021-11-15 18:05:00 发布

原创

最新推荐文章于 2021-11-15 18:05:00 发布 · 3.6k 阅读

2 ·

CC 4.0 BY-SA版权

本文探讨了在web移动端，当浮层(jump)滚动时导致底层(box)元素同步滚动的问题。为解决此问题，提出了在底层元素动态添加noscroll属性的方法，通过CSS控制，阻止底层滚动。在浮层滚动事件中添加noscroll属性，关闭浮层时移除，从而实现独立滚动效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当我们写了这样一个结构的时候

<div class="box">
    <p>
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开了就开始的放假老实交代方会计师
        拉开