H5页面 超过一屏,点击某处 弹出弹出框提示,默认情况下,页面还可以滑动。
解决方法:
//添加禁止屏幕滚动
document.querySelector('.element').addEventListener('touchmove', stopScroll, false);
//移除禁止滚动事件监听
document.querySelector('.close').removeEventListener('touchmove', stopScroll, false);
//禁止默认行为方法
function stopScroll(e) {
e.preventDefault()
}
注: 添加和移除监听时,必须是移除事件名相同,操作方法相同的才有效,所以stopScroll方法要单独定义。