解决两层滚动对象冲突
在提供的html代码中，滚动层id为“pop”和“content”，如何实现当“pop”滚动到最底部时，再向上滚动也不会影响下层“content”的滚动呢？
答案是使用css属性“overscroll-behavior”。
overscroll-behavior属性
overscroll-behavior属性指定当滚动内容超出其边界时浏览器的行为。它接受以下值：
auto：默认值。浏览器使用平台默认行为。contain：阻止内容超出其边界。滚动条不会出现。none：允许内容超出其边界，但不会出现滚动条。contain：阻止内容超出其边界，但仍然允许出现滚动条。
实现解决方案
要在“pop”滚动对象中使用overscroll-behavior特性，需要添加以下css样式：
section.pop { overscroll-behavior: contain;}
此样式将阻止“pop”滚动对象超出其边界，因此当它滚动到最底部时，向上滚动将不会影响下层“content”的滚动。
以上就是两层滚动嵌套冲突如何解决？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1498285.html
微信扫一扫 
支付宝扫一扫 
