随身笔记
随身笔记

JS禁止苹果iphone浏览器拖动反弹(橡皮筋效果)

禁用 苹果 iphone 拖拽 反弹 弹簧 效果 组织 默认行为

tanhuang

解决一:

$(document).ready(function(){ 
 
   function stopScrolling( touchEvent ) { 
    touchEvent.preventDefault(); 
   } 
   document.addEventListener( 'touchstart' , stopScrolling , false ); 
   document.addEventListener( 'touchmove' , stopScrolling , false ); 
 

});

 

解决二(推荐):

禁止:

$('html,body').css({overflow:'hidden',height:'100%',position:'fixed',left:0,top:0});

 

允许:

$('html,body').css({overflow:'auto',height:'auto',position:'static',left:'auto',top:'auto'});
没有标签
首页      前端资源      JavaScript笔记      JS禁止苹果iphone浏览器拖动反弹(橡皮筋效果)

随身笔记

JS禁止苹果iphone浏览器拖动反弹(橡皮筋效果)
禁用 苹果 iphone 拖拽 反弹 弹簧 效果 组织 默认行为 解决一: $(document).ready(function(){ function stopScrolling( touchEvent ) { touchEvent.preventDefau…
扫描二维码继续阅读
2015-02-01