javascript - 当Materializecss模式在移动浏览器上打开时如何防止背景滚动?

标签 javascript css materialize

在移动平台上打开materializecss模式时如何防止背景滚动?在桌面浏览器上,背景无法滚动并按其应有的方式工作。

在移动浏览器(Safari ios、Chrome ios 等)上,当打开模式并使用手指滚动它时,背景也会像模式一样滚动。我该如何防止这种情况发生?

最佳答案

试试这个, 将页面包装到 div 中,当模式打开时,在 div 中添加 overflow:hidden。并确保模式是否不会从页面包装器继承溢出

希望对您有所帮助。

关于javascript - 当Materializecss模式在移动浏览器上打开时如何防止背景滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42132831/

相关文章:

javascript - 如何使用 jquery 限制 div 中的单词。我想在一个 div 中只显示 3 个词并隐藏其他词

javascript - Sails.js 1.0 破坏了全新安装

javascript - 使用 javascript 显示和隐藏导航栏以实现滚动和悬停功能

javascript - 在多个页面的js变量html中存储链接名称

css - 为什么 Materialize.css 没有按预期工作?

c# - UserControl 的 ButtonClick 事件中的 RegisterStartupScript

html - 固定顶部我的表格十字按钮

html - Flexbox:将侧边栏高度拉伸(stretch)到父级

javascript - 如何在 html 中添加更多半列,例如 0.5、1.5、2..5

php - 在文本框中输入时不显示自动完成功能,但值显示在控制台中