打开modal后,拖动modal,下层网页也随着modal拖动而滚动,该怎么解决

发布网友发布时间：2023-11-17 21:36

共1个回答

热心网友时间：2024-11-29 02:44

　　解决打开modal后,拖动modal,下层网页也随着modal拖动而滚动情况方法：
　　1、阻止所有能导致页面滚动的事件
　　//scroll不能阻止，只能阻止mousewheel，鼠标拽滚动条就悲剧了；
　　2、bodyoverflow:hidden//win下右侧滚动条会消失导致页面横移，移动端阻止不了；
　　3、把滚动部分单独放在一个div里，和弹出部分同级，body和window同高
　　//所有涉及offset/scrollTop的方法都要修改。fix并且width100%的元素(比如微博顶栏)会压在内容区滚动条上；
　　4、弹出时算scrollTop，给内容区fix然后top移动到目前位置，同时body给一个overflow-y:scroll强撑出滚动条。