滚动穿透解决方案
在移动端弹出fixed弹窗的话,在弹窗上滑动会导致下层的页面跟着滚动,这个叫 “滚动穿透”
方案一
最粗暴的方式就是弹窗弹起后最外层的滚动容器html或者body设置overflow: hidden,来阻止滚动,随之带来的问题就是会导致页面滚动到顶部,之前用户的滚动位置会丢失
方案二、三、四。。。。
直接忽略。。。
终极方案
打开弹窗时,最外层的滚动容器html或者body设置position: fixed,同时记录打开前页面scrollTop,设置对应的滚动偏移top,当弹窗关闭时移除对应配置,同时恢复页
原创
2022-01-25 13:04:26 ·
1297 阅读 ·
0 评论