1. 程式人生 > >jQuery判斷頁面滾動方向

jQuery判斷頁面滾動方向

在頁面滾動進行非同步載入的需求中,可用到判斷頁面滾動方向,判斷是否進行頁面請求

 $(document).ready(function(){
        $(window).on("scroll",function(){
            //記錄開始滾動位置
            var before=$(this).scrollTop();
            $(window).on("scroll",function(){
                //記錄滾動之後的滾動位置變化
                var after=$(this).scrollTop();
                if(before>after) {
                    console.log("向上滾");
                    //把當前的滾動位置賦值給起始滾動位置
                    before=after;
                }else if(after>before){
                    console.log("向下滾");
                    //把當前的滾動位置賦值給起始滾動位置
                    before=after;
                }else {
                    console.log("error");
                }
            })
        })
    })