JQueryメモ

scroll位置の取得について

最初にリストの一部を表示し、ユーザがスクロールをすると、自動的にその続きを取得する表示を作ることがある。

その際に、スクロール位置を取得するために次の様にスクロールさせるコンテンツとそれを表示する領域の情報を取得する必要がある。

var scrolltop=$('#scrollbox').attr('scrollTop'); //現在のスクロール位置
var scrollheight=$('#scrollbox').attr('scrollHeight'); //スクロールさせるコンテンツ(リスト)の高さ
var windowheight=$('#scrollbox').attr('clientHeight'); //スクロールを表示する領域の高さ

jQuery1.6以前は上記コードで取得できるが、1.6以降は次の様にする必要がある。

var scrolltop=$("#programList").scrollTop();
var scrollheight=$("#programList").prop('scrollHeight');
var windowheight=$("#programList").prop('clientHeight');