移动端禁止页面滚动方法(兼容IOS和安卓)是弹出窗口后禁止拖动
真的找了很多的方法,下面直接贴代码~希望对大家有帮助
/* 安卓禁止拖动 */
var mo=function(e){e.preventDefault()};
/***安卓禁止滑动***/
function stop(){
document.body.style.overflow='hidden';
document.addEventListener("touchmove",mo,false);//禁止页面滑动
}
/***安卓取消滑动限制***/
function move(){
document.body.style.overflow='';//出现滚动条
document.removeEventListener("touchmove",mo,false);
}
/* 安卓禁止拖动end */
/* ios禁止拖动 */
function touchmove1(e){
e.preventDefault()
}
下面是添加在点击事件里的:
/* 安卓禁止拖动 */
stop();
/* ios禁止拖动 */
document.body.addEventListener('touchmove',touchmove1,{passive: false});
/* 安卓解除拖动 */
document.body.removeEventListener('touchmove',touchmove1,false);
/* ios解除拖动 */
move();
完美解决~~~~兼容IOS和安卓