js監聽頁面的scroll事件，當移到底部時觸發事件

//頁面拉到底時自動加載更多
$(window).scroll(function(event){
var wScrollY = window.scrollY; // 當前滾動條位置
var wInnerH = window.innerHeight; // 設備窗口的高度（不會變）
var bScrollH = document.body.scrollHeight; // 滾動條總高度
if (wScrollY + wInnerH >= bScrollH) {
showMore();
}
});

//監聽上下滾動

var p=0,t=0;  
  
    $(window).scroll(function(e){  
            p = $(this).scrollTop();  
              
            if(t<=p){//下滾
               alert(1);  
            }  
              
            else{//上滾
                 alert(2); 
            }  
            setTimeout(function(){t = p;},0);         
    });  

 

//監聽上下滑動方向

$("body").on("touchstart", function(e) {
　　　　e.preventDefault();
　　　　startX = e.originalEvent.changedTouches[0].pageX,
　　　　startY = e.originalEvent.changedTouches[0].pageY;
　　});
　　$("body").on("touchmove", function(e) {
　　　　e.preventDefault();
　　　　moveEndX = e.originalEvent.changedTouches[0].pageX,
　　　　moveEndY = e.originalEvent.changedTouches[0].pageY,
　　　　X = moveEndX - startX,
　　　　Y = moveEndY - startY;

　　　　if ( Math.abs(X) > Math.abs(Y) && X > 0 ) {
　　　　　　alert("left 2 right");
　　　　}
　　　　else if ( Math.abs(X) > Math.abs(Y) && X < 0 ) {
　　　　　　alert("right 2 left");
　　　　}
　　　　else if ( Math.abs(Y) > Math.abs(X) && Y > 0) {
　　　　　　alert("top 2 bottom");
　　　　}
　　　　else if ( Math.abs(Y) > Math.abs(X) && Y < 0 ) {
　　　　　　alert("bottom 2 top");
　　　　}
　　　　else{
　　　　　　alert("just touch");
　　　　}
　　});