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);
            },
  • 相关阅读:
    bzoj3729-Gty的游戏【Splay,博弈论】
    pkusc2021游记
    P4922-[MtOI2018]崩坏3?非酋之战!【dp】
    P5782-[POI2001]和平委员会【2-SAT】
    CF1511G-Chips on a Board【倍增】
    noip范围
    [LGOJ5558]心上秋(倍增)
    学习笔记——动态DP
    [NOIP校内集训]不正常的国家
    [BZOJ4712]洪水(树链剖分+DP)
  • 原文地址:https://www.cnblogs.com/lst619247/p/11646155.html
Copyright © 2011-2022 走看看