移动端禁止页面拖动 h5禁止拖动页面
2016-07-07 14:10
696 查看
PC上css控制滚动仅css("overflow","hidden")已足够。
但是,如果在Mobile上还是可以拖动的!所以需要监听touchmove事件。
页面禁止拖动、滚动:
恢复页面拖动、滚动:
参考:
在移动端设置overflow:hidden为什么页面还能滚?要怎么禁止
移动端的touch事件处理
addEventListener()与removeEventListener() 用法详解
但是,如果在Mobile上还是可以拖动的!所以需要监听touchmove事件。
页面禁止拖动、滚动:
$("html,body").css("overflow","hidden").css("height","100%"); document.body.addEventListener('touchmove', self.welcomeShowedListener, false);
恢复页面拖动、滚动:
$("html,body").css("overflow","").css("height",""); document.body.removeEventListener('touchmove', detail.welcomeShowedListener, false);
参考:
在移动端设置overflow:hidden为什么页面还能滚?要怎么禁止
移动端的touch事件处理
addEventListener()与removeEventListener() 用法详解
相关文章推荐
- 如何解决android studio卡主问题
- Xamarin.Android提示找不到mono.Android.Support.v4
- Android系统 小米/三星/索尼 应用启动图标未读消息数(BadgeNumber)动态提醒
- Android开发-TextViev XML属性(一)
- Xamarin.Android提示找不到mono.Android.Support.v4
- android程序启动画面之Splash总结
- Android Studio Gradle总结
- Android中attr自定义属性详解
- Unity判断在物体内部和相交
- 李洪强iOS开发之上传照片时英文改中文
- 微信js SDK接口
- WebView
- iOS常量(const)、enum以及宏(#define)
- Android 三大图片缓存原理、特性对比
- Android apk 签名总结
- 使用application传递全局变量
- iOS-多线程之GCD
- Android手机摇一摇功能的简单实现
- android:Toolbar用法探析(二):内容显示微调
- Android AlertDialog有EditText无法弹出输入法的解决