移动端300ms延迟原理，穿透、遮罩层滑动致使下面滑动总结

时间 2019-12-14

标签移动 300ms 延迟原理穿透滑动致使下面总结栏目无线繁體版

原文原文链接

遮罩层滑动致使下面滑动html

1，阻止弹层滑动，使用默认事件，使用这种方式弹层不能滑动app

 
  document. 
  getElementById( 
  "model"). 
  addEventListener( 
  'touchmove', 
  function ( 
  e) { 
 
 
  e. 
  preventDefault(); 
 

   }, 
  false); 
 

2，在Body,html使用overflow:hidden, 可是不能是的下面滑动ide

 
  .fix { 
 
  height: 
  100%; 
 
  overflow: 
  hidden; 
 
   } 
 
 3，同时设置不会有问题spa
 
  .fix { 
 
  height: 
  100%; 
 
  overflow: 
  hidden; 
 
   } 
 
   $( 
   function () { 
  
   var 
   scrollTop; 
  
   $( 
   '.show'). 
   click( 
   function () { 
  
   scrollTop = 
   document. 
   documentElement. 
   scrollTop; 
   // 记录scrollTop的值 
  
   $( 
   '#model'). 
   show(); 
  
   $( 
   '.content'). 
   addClass( 
   'fix'); 
  
    }); 
  
   $( 
   '.hide'). 
   click( 
   function () { 
  
   $( 
   '#model'). 
   hide(); 
  
   $( 
   '.content'). 
   removeClass( 
   'fix'); 
  
   document. 
   documentElement. 
   scrollTop = 
   scrollTop; 
   // 设置scrollTop的值 
  
    }) 
  
    }) 
  
 https://www.jianshu.com/p/6fd2873183e1?utm_source=oschina-apphtm