1. 首页
  2. 问答
  3. 如何防止在移动浏览器上打开Materializecss模式时背景滚动？

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

2017-02-09 41 views
1

如何防止在移动平台上打开materializecss模式时的背景滚动？在桌面浏览器上，背景被禁止滚动并按照原样运行。如何防止在移动浏览器上打开Materializecss模式时背景滚动？

在移动浏览器（Safari ios，Chrome ios等）上，打开模式并使用手指滚动时，背景也会像模式一样滚动。我如何防止这种情况发生？

来源

2017-02-09 KOCH DOEUN

+0

http://stackoverflow.com/questions/9538868/prevent-body-from-scrolling-when-a-modal-is-opened –

+0

它适用于背景滚动，但在弹出窗口中我希望它可以滚动。你有什么想法吗？ –

+0

我建议你应该这样做：.modal {overflow：scroll} –

回答

0

试试这个， 将你的页面打包成div，当模式打开时，在div中加上overflow: hidden。并确保该模式不会继承页面包装器中的overflow。

我希望它有帮助。

来源

2017-02-09 11:36:18 Will

相关问题

 相关问题