2

行がマウスオーバーされたときにjQueryのslideDownを介して各行の追加情報を明らかにするテーブルがあります。マウスを離すと、slideUp で情報が削除されます。

これはうまく機能しますが、ページの最後の項目にマウスを合わせると、ブラウザー ウィンドウの下部の下にスライドします。ユーザーがマウスホイールなどで下にスクロールすると、情報が表示されますが、マウス ポインターを動かしてスクロール バーをスライドさせると、情報が消えます。

jQuery で、slideDown の実行と同時にページをスクロールして情報を表示する簡単な方法はありますか?

4

1 に答える 1

1

彼の垂直位置 (上) と彼の高さを計算することで、最後の行がどれくらいの深さになるかを調べることができます。その値が現在のスクロールを超える場合は、その値までスクロールします。

//未検証

var verticalLimit = $("#lastRow").offset().top + $("#lastRow").height() ;
var currentVerticalScroll = $(window).scrollTop();
if (verticalLimit > currentVerticalScroll){
    $("body").animate({ scrollTop: verticalLimit }, 500);
}
于 2011-01-07T01:30:01.000 に答える