スクロールバーの制御


jQueryがスクロールバーに使用する方法はscroll()、scrollTop()、scrollLeft()である.
 
$(window).height();//現在のブラウザの可視部分の高さを取得します.つまり、ブラウザウィンドウが大きくなると、この値も変わります.
$(document).height();//ページ全体の高さ(不可視部分を含む)を取得する.
 
$(document).scrollTop();//パラメータなしで、現在の垂直スクロールバーの位置を取得します.パラメータ付きは垂直スクロールバーの位置を設定します.
 
垂直スクロールバーが下部に到達したかどうかを判断します.
$(document).scroll(function(){

    if($(document).scrollTop()>=$(document).height()-$(window).height()){

        alert("   ");

    }

});

 
垂直スクロールバーが上部に到達したかどうかを判断します.
$(document).scroll(function(){

    if($(document).scrollTop()==0){

        alert("   ");

    }

});

 
垂直スクロールバーの位置を設定するには、次の手順に従います.
//    id=check   



$("#check").click(function(){

    $(document).scrollTop(200);

});

 
scrollLeft()の使い方はscrollTop()と同じです.
 
それから非ウィンドウのスクロールバー制御で、直接コードをつけました.
$(".div1").scroll(function(){

    var t=this.scrollTop,  //      

    c=this.clientHeight,   //    (  padding     )

    h=this.scrollHeight;  //    (        )

    if(t+c>=h){

        alert("   ");

    }

});

もっと多くのclientHeight属性について、度娘さん、上に詳しい説明があって、私はもうくどくどしません.