关于禁止iphone浏览器拖动反弹(橡皮筋效果)
2014-10-23 12:28
375 查看
最近公司做的比较多的就是微信端的一些微刊、微站的互动,这些少不了手机触屏滑动翻页,android手机上面还好,iphone手机上会有拖动反弹效果,看了比较烦躁,所以我们要禁止这一默认功能,实现方法如下:
$(document).ready(function(){ function stopScrolling( touchEvent ) { touchEvent.preventDefault(); } document.addEventListener( 'touchstart' , stopScrolling , false ); document.addEventListener( 'touchmove' , stopScrolling , false ); });
相关文章推荐
- iPhone 禁止 Safari 页面上下拖动反弹
- iPhone 禁止 Safari 页面上下拖动反弹
- js 禁止浏览器默认的图片拖动效果
- 关于手势拖动图标移动图标(附带滑动效果)
- WPF触控程序开发(三)——类似IPhone相册的反弹效果
- 如何禁止使用ScrollView的反弹效果
- 禁止UIWebView的下拉拖动效果
- 关于WPF浏览器应用程序下的位图效果
- textarea 在浏览器中固定大小和禁止拖动
- iPhone实现QQ等app中右拖动屏幕返回上一层视图切换的效果(继承UINavigationController)
- textarea 在浏览器中固定大小和禁止拖动
- textarea 在浏览器中固定大小和禁止拖动
- firefox浏览器下javascript 拖动层效果与原理分析代码
- 微信浏览器如何禁止iPhone手机上下滑动网页
- iPhone实现QQ等app中右拖动屏幕返回上一层视图切换的效果(继承UINavigationController)
- textarea 在浏览器中固定大小和禁止拖动
- 关于css部份技巧, div在IE6/IE7/IE8/FF 不同浏览器 中的效果兼容
- 禁止浏览器拖动图片进行下载
- iPhone实现QQ等app中右拖动屏幕返回上一层视图切换的效果(继承UINavigationController)
- textarea 在浏览器中固定大小和禁止拖动