如何在移动浏览器上打开Materializecss模式时阻止背景滚动？
[英]How to prevent background scrolling when Materializecss modal open on mobile browsers?
问题描述
如何在移动平台上打开materializecss模式时阻止背景滚动？ 在桌面浏览器上，阻止后台滚动并按预期工作。
在移动浏览器（Safari ios，Chrome ios等）上，当打开模态并使用手指滚动它时，背景也会像模态一样滚动。 我该如何预防呢？
1 个解决方案
解决方案1
0 2017-02-09 11:36:18
试试这个，将你的页面包装成一个div ，当模态打开时你添加overflow: hidden在div 。 并确保模式不会从页面包装器继承overflow 。
我希望它有所帮助。
打开模式时防止背景滚动，但模式内容是可滚动的
[英]Prevent background from scrolling when a modal is opened, but modal content is scrollable
仅使用CSS或Javascript，如何在移动设备中查看模式框时停止后台滚动？
[英]How to stop Background scrolling when modal box is in view in the mobile , just using CSS or Javascript?
如何在移动设备上创建模态导航菜单并防止身体滚动？
[英]How to create a modal navigation menu on mobile and prevent body scrolling?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.