スクロールバーの制御
2407 ワード
jQueryがスクロールバーに使用する方法はscroll()、scrollTop()、scrollLeft()である.
$(window).height();//現在のブラウザの可視部分の高さを取得します.つまり、ブラウザウィンドウが大きくなると、この値も変わります.
$(document).height();//ページ全体の高さ(不可視部分を含む)を取得する.
$(document).scrollTop();//パラメータなしで、現在の垂直スクロールバーの位置を取得します.パラメータ付きは垂直スクロールバーの位置を設定します.
垂直スクロールバーが下部に到達したかどうかを判断します.
垂直スクロールバーが上部に到達したかどうかを判断します.
垂直スクロールバーの位置を設定するには、次の手順に従います.
scrollLeft()の使い方はscrollTop()と同じです.
それから非ウィンドウのスクロールバー制御で、直接コードをつけました.
もっと多くのclientHeight属性について、度娘さん、上に詳しい説明があって、私はもうくどくどしません.
$(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属性について、度娘さん、上に詳しい説明があって、私はもうくどくどしません.