0

データの動的リストからページの非表示の div を開く jquery コードがあります。問題は、ページの下から行をクリックすると、ページの下部にある div が開き、下にスクロールする必要があることです。それを参照してください、何らかのアンカーを設定する方法や、jqyer が開いたときに div の一番下までスクロールして、ユーザーが表示できるようにする方法はありますか?

ここに私のコードがあります:

//CHECK IF ROW IS VISIABLE
if (!$('#'+rowid).is(':visible')) {
//HIDE ANY OPEN ROWS
$("#tableToggle tr.toggleable").fadeOut('fast', function() { });
//DO SLIDE LOAD FUNCTION
$('#'+rowid).slideDown('slow', function() { });
$("#einfo"+rowid).load(url, function(response, status, xhr) {
if (status == "success") { $("#loader"+rowid).hide(); $('#einfo'+rowid).slideDown('slow'); } });
//HIDE ALL TOGGLEABLE ROWS
}else { $("#tableToggle tr.toggleable").fadeOut('fast', function() { });}

ご覧いただきありがとうございます。

4

1 に答える 1

0

$('html').scrollTop()ウィンドウのスクロールバーを正しい位置に調整するために使用できる、問題の div までスクロールできます。正しい高さを決定するには、ターゲット要素の scrollTop() プロパティを取得します。

サンプル コードは次のようになります。

$('html').scrollTop($('#myDivContainer').scrollTop()); // Scroll to desired element

さらに、jQuery の animate 関数を使用すると、よりスムーズな遷移を実現できます。

$('html').animate({ scrollTop: $('#myDivContainer').scrollTop() }, 2000); // Animated scroll over 2 seconds

.scrollTopはスタイル付き要素にゼロを返すことに注意してください。そのdisplay:noneため、コンテナーを再表示した後に必ずこのコードを起動してください。

于 2012-05-31T15:04:44.380 に答える