zoukankan      html  css  js  c++  java
  • 移动端监听上滑下滑(判断元素是否滚动到底部)

            touchUp(){
                var startY = 0;
                let that = this;
                document.addEventListener("touchstart",function(e){
                    startY = e.changedTouches[0].pageY;
                },false);
                document.addEventListener("touchmove",function(e){
                    var endY = e.changedTouches[0].pageY;
                    var changeVal = endY - startY;
                    if(endY < startY){//向上滑
    //                    console.log("向上滑");
                        that.showSearchFlag = false
                    }else if(endY > startY){//向下滑
    //                    console.log("向下滑");
                        that.showSearchFlag = true
                    }else{
    //                    console.log("没有偏移");
                    }
                    // 获取屏幕高度
                    var a = document.body.scrollTop || document.documentElement.scrollTop;;  //滚动条的高度
                    var b =document.documentElement.clientHeight    //可视区的高度
                    var c = $('#listIndex').height();   //文档的总高度
                    if(a+b >= c){
                        //表示浏览器已经到达最底部
                        that.showSearchFlag = true
                    }
     
                },false);
            },
  • 相关阅读:
    解决谷歌高版本没有设置字符编码的选项的问题
    System.nanoTime与System.currentTimeMillis的区别
    jQuery学习笔记(一)
    linux问题
    阿里资源学习
    PHP-Gealman
    php-fpm
    GIT使用
    设置导出的excel数据
    CI框架, 参数验证
  • 原文地址:https://www.cnblogs.com/lst619247/p/11646155.html
Copyright © 2011-2022 走看看