码迷,mamicode.com
首页 > 移动开发 > 详细

移动端监听上滑下滑(判断元素是否滚动到底部)

时间:2019-10-10 10:49:31      阅读:320      评论:0      收藏:0      [点我收藏+]

标签:hat   let   The   底部   color   art   class   移动   var   

        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);
        },

 

移动端监听上滑下滑(判断元素是否滚动到底部)

标签:hat   let   The   底部   color   art   class   移动   var   

原文地址:https://www.cnblogs.com/lst619247/p/11646155.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!