jsスクロール下部ロード

4974 ワード

  • スクロールバーの底部を判断するには、DOMの3つの属性値が必要である.
  • scrollTop:スクロールバーのY軸上のスクロール距離
  • offsetHeight:コンテンツ可視領域の高さ
  • scrollHeight:コンテンツ可視領域の高さにオーバーフロー(スクロール)を加える距離
  • .
    //jquery
    $('.container').scroll(function(){
        var scrollTop = $(this).scrollTop();
        var scrollHeight = $(this)[0].scrollHeight;
        var clientHeight = $(this)[0].offsetHeight;
        if(scrollTop + clientHeight == scrollHeight){
    		alert("       ");
        }
    });
    //  js
    window.onscroll = function () {
        //   y     
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        //       
        var clientHeight = document.documentElement.clientHeight || document.body.clientHeight;
        //            (   )
        var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
        if(scrollTop + clientHeight == scrollHeight){
                 alert('      !')
             }
         }