禁止微信下拉

最新推荐文章于 2023-07-18 15:50:43 发布

和尚敲代码

最新推荐文章于 2023-07-18 15:50:43 发布

阅读量703

点赞数

分类专栏：小白文章标签： javascript

13 篇文章 0 订阅

订阅专栏

微信下拉会展现ip地址黑框，google后发现了一个可以禁止的js片段：

/**

 
   
 * 禁止浏览器下拉回弹 

*/

 
 function  
 stopDrop() { 

 
      
 var  
 lastY; 
 //最后一次y坐标点 

 
      
 $(document.body).on( 
 'touchstart' 
 ,  
 function 
 (event) { 

 
 lastY = event.originalEvent.changedTouches[0].clientY; 
 //点击屏幕时记录最后一次Y度坐标。

});

 
      
 $(document.body).on( 
 'touchmove' 
 ,  
 function 
 (event) { 

 
 var  
 y = event.originalEvent.changedTouches[0].clientY;

 
          
 var  
 st = $( 
 this 
 ).scrollTop();  
 //滚动条高度   

 
          
 if  
 (y >= lastY && st <= 10) { 
 //如果滚动条高度小于0，可以理解为到顶了，且是下拉情况下，阻止touchmove事件。 

 
              
 lastY = y; 

 
              
 event.preventDefault(); 

}

 
          
 lastY = y; 

});

}

关注