模态框弹出滚动 底层页面禁止滚屏 ？

这段时间做的项目  昨天被老板发现了这个滚屏的问题 

解释下 标题  不知道我有没有说明白 就是 你点击事件引发后 modal弹出 在你的弹出框没有消失之前 你滚动你的鼠标发现了一个很x疼的问题

就是 你的最底层的屏幕还是可以滚动的

改吧 ！

其实很简单 就是在你的弹出框事件发生的时候 给body加上一个属性 

辣就似   ~~~~~~~~~~~~~~~

overflow：hidden；

关闭弹出框的时候 再把这个属性移除  当当当 完成了 

但是加上这个属性以后  然后你会发现另一个很头痛的问题

当弹出框弹出 你的屏幕会有一个小小的震动 

细心的会发现 当你弹出框出现的时候  你底层页面的滚动条是消失的

这个滚动条大概16像素左右的样子（具体没考究过...）

具体解决方案 待更新  ......

如若转发 请注明出处 谢谢合作！

 

转载于:https://www.cnblogs.com/WoAiZmm/p/8119537.html