鍍金池/ 問答/HTML/ 微信瀏覽器中阻止默認(rèn)的下拉顯示網(wǎng)址問題

微信瀏覽器中阻止默認(rèn)的下拉顯示網(wǎng)址問題

js禁止微信瀏覽器下拉顯示黑底查看網(wǎng)址,不影響內(nèi)部Scroll,我在網(wǎng)上找了好多方案,但是在項(xiàng)目中試了還是無法阻止js禁止微信瀏覽器下拉顯示黑底查看網(wǎng)址,要不就是會(huì)把scroll禁止掉,求大神指教,下面是我測(cè)試的代碼

        var overscroll = function(el){ 
        el.addEventListener('touchstart', function(){ 
          var top = el.scrollTop; 
          var totalScroll = el.scrollHeight; 
          var currentScroll = top + el.offsetHeight; 
          if(top === 0) { 
            el.scrollTop = 1; 
          }else if(currentScroll === totalScroll){ 
            el.scrollTop = top - 1; 
          } 
        }); 
        el.addEventListener('touchmove', function(evt){ 
          if(el.offsetHeight < el.scrollHeight){ 
            evt._isScroller = true; 
          } 
        }); 
      } 
      for(var i=0;i<document.querySelectorAll('.scroll').length;i++){
    overscroll(document.querySelectorAll('.scroll')[i]);
    }
      document.body.addEventListener('touchmove', function(evt) { 
        if(!evt._isScroller){ 
          evt.preventDefault(); 
        } 
      },false); 
回答
編輯回答
乞許

謝邀。
之前用過一種方案,是把body獨(dú)立(不作為wrap容器),然后在body上加個(gè)pointer-events: none;濾掉觸摸事件,再在子級(jí)上加個(gè)pointer-events: auto;恢復(fù),不知道是否適合你的項(xiàng)目~

2018年4月25日 07:25