当点击提示时,以下脚本无法阻止body
在iOS上滚动的原因是什么?就实现这一点而言,我有什么想念的吗?
注意:这不是一个有效的代码段,只是脚本和一些CSS样式的精简示例:
$(document).ready(function() {
$("a.open").click(function() {
$('body').addClass('no-scroll');
$('body').bind('touchmove', function(e) {
e.preventDefault();
});
});
$("a.close").on("click", function(s) {
$('body').removeClass('no-scroll');
$('body').unbind('touchmove');
});
});
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
z-index: 0;
}
body.no-scroll {
overflow: hidden !important;
-webkit-overflow-scrolling: auto;
height: auto !important;
}