码迷,mamicode.com
首页 > 移动开发 > 详细

javascript移动端禁止页面滑动的解决方案

时间:2018-09-14 19:54:20      阅读:265      评论:0      收藏:0      [点我收藏+]

标签:事件   上下左右   ios平台   class   nbsp   ipad   https   eve   ios   

1 前言

移动端网页,发现ios平台的iphone或者ipad,网页可以上下左右移动,而Android版则不会。仅作为记录使用。

2 代码

var mo=function(e){e.preventDefault();};
function stop(){
        document.body.style.overflow=‘hidden‘;        
        document.addEventListener("touchmove",mo,false);//禁止页面滑动
}
//直接默认不让滑动
stop();


/***取消滑动限制***/
function move(){
        document.body.style.overflow=‘‘;//出现滚动条
        document.removeEventListener("touchmove",mo,false);        
}

3 参考

1.移动端禁止页面滑动(有效)

4 扩展

1.js开启和禁止页面滑动

2.webApp中防止页面出现上下滑动的方法(测试无效)

3.移动端上下滑动事件之--坑爹的touch.js

javascript移动端禁止页面滑动的解决方案

标签:事件   上下左右   ios平台   class   nbsp   ipad   https   eve   ios   

原文地址:https://www.cnblogs.com/fanbi/p/9648184.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!