2

約500行を含むHTMLテーブルがあります。ページに入力テキストボックスがあり、ユーザーはテーブルの行で検索するテキストを入力できます。ユーザーが[Enter]ボタンをクリックすると、ページはjQueryを実行して、入力したテキストを含む行を検索して強調表示します。もちろん、ハイライトは行の背景色を変更することに他なりません。

質問 ハイライトされた行がユーザーの現在のテーブルビューのさらに下（または上）にあると仮定して、新しくハイライトされた行が表示されるようにページをスクロールするにはどうすればよいですか？

テストのために以下を試しましたが、機能しません。（Webページをテーブルの最後の行までスクロールしたいだけです）。

var rowPos = tbl.find('tr:last').position();
$("form:first").scrollTop(rowPos.top);

助けてくれてありがとう！

4

2 に答える 2

2

これを試してみてください：

 window.scrollTo(0,200);

または、jqueryを使用する場合はこれ：

$("html").scrollTop();

スクロールバーがあるのはウィンドウであることを確認してください

于 2012-06-14T18:16:17.417 に答える
1

これを試して

$("html,body").animate({scrollTop: rowPos.top}, 800);
于 2012-06-14T18:24:33.160 に答える