zoukankan      html  css  js  c++  java
  • 阻止微信端浏览器下滑出现空白条现象

    今天有个朋友问我,他再做个项目,微信的一个小项目,在下滑屏幕的时候,上面总出现一个白条,显示“提供内核。。。”,阻止了滑动的默认事件,可是整个页面就阻止了,都不能向下观看了,瞬间感觉还尴尬,主要是scoll的一个监听理解,还要处理各个情况的监听。。。。加上下面一段代码就好了.....

    var overscoll = function (el){
    el.addEventListener('touchstart',function(){
    var top = el.scrollTop;
    totalScroll = el.scrollHeight;
    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;
    }
    });
    }
    overscoll(document.querySelector('.scroll'));
    document.body.addEventListener('touchmove',function(evt){
    if(!evt._isScroller){
    evt.preventDefault();
    }
    });
     
    还可以进入个人博客:www.jishubar.cn
  • 相关阅读:
    |,&,<<,>>运算符
    Unity 异步加载场景
    string字母排序,
    冒泡算法
    Direct3D 12 编程---(1)
    点云密度粗估计
    git工具使用
    opencv---灰度图像与彩色图像遍历
    求平面两直线的交点,两直线段的交点
    结构体重载运算符
  • 原文地址:https://www.cnblogs.com/wanglaowu/p/6138219.html
Copyright © 2011-2022 走看看