javascript : 仅在文档主体上切换滚动
javascript : toggle scrolling only on document body
我需要一个用于锁定页面滚动但允许对话框滚动的对话框弹出窗口的切换功能。
我只尝试 CSS，但代码在 Safari iOS.
中不起作用
body{overflow:hidden; } //does not work in Safari iOS
所以，我想我可能需要使用一些 JS 魔法才能让它工作。有任何想法吗？谢谢
您可以在主体上切换 class 以停止滚动：http://codepen.io/J_Mack/pen/zGMGyM
.stop-scrolling {
width: 100vw;/*can also use %*/
height: 100vh;/*can also use %*/
overflow: hidden;
}
使用前请阅读vw/vh：http://caniuse.com/#feat=viewport-units
我需要一个用于锁定页面滚动但允许对话框滚动的对话框弹出窗口的切换功能。 我只尝试 CSS，但代码在 Safari iOS.
中不起作用body{overflow:hidden; } //does not work in Safari iOS
所以，我想我可能需要使用一些 JS 魔法才能让它工作。有任何想法吗？谢谢
您可以在主体上切换 class 以停止滚动：http://codepen.io/J_Mack/pen/zGMGyM
.stop-scrolling {
width: 100vw;/*can also use %*/
height: 100vh;/*can also use %*/
overflow: hidden;
}
使用前请阅读vw/vh：http://caniuse.com/#feat=viewport-units