JS向上向下滑动判断

在我们写移动端的时候,
有时要根据相应的动作,
写出相应的效果。
这里写的是一个判断向上向下滑动,
是否滑动到底的效果。

<script type="text/javascript">
    function pull_more(obj){
        var startX, startY;  
        document.addEventListener('touchstart',function (ev) {  
            startX = ev.touches\[0\].pageX;  
            startY = ev.touches\[0\].pageY;  
        }, false);  
            
        document.addEventListener('touchend',function (ev) {  
            var endX, endY;  
            endX = ev.changedTouches\[0\].pageX;  
            endY = ev.changedTouches\[0\].pageY;  
            // var direction = GetSlideDirection(startX, startY, endX, endY);  
            var dy = startY - endY;
            if (dy>0) {  //向上滑动
                console.log("向上滑动")
            }else if(dy<0) {  //向下滑动  
                console.log("向下滑动")
            }else{
                // alert("呵呵呵");
            }
        }, false);
        $(window).on('scroll',function(){
            if($(window).scrollTop()>=$(document).height()-$(window).height()){
                console.log("已滑动到底")
            }
        })
    }
        
</script>

冯奎博客

冯奎博客
请先登录后发表评论
  • latest comments
  • 总共1条评论
冯奎博客

蓝图:测试2234

2018-04-04 13:40:06 回复