jQuery を使用してテーブルの行をビュー (element.scrollintoView) にスクロールするにはどうすればよいですか? 質問する

jQuery を使用してテーブルの行をビュー (element.scrollintoView) にスクロールするにはどうすればよいですか? 質問する

jQuery を使用してテーブルに行を動的に追加しています。 はtable内にあるdivためoverflow:auto、垂直スクロールバーが表示されます。

コンテナをdiv最後の行まで自動スクロールしたいのですが、 の jQuery バージョンは何ですかtr.scrollintoView()?

ベストアンサー1

リスト内の任意の項目までスクロールする必要がある場合は、次の方法の方が適しています (常に一番下までスクロールするのではなく)。

function scrollIntoView(element, container) {
  var containerTop = $(container).scrollTop(); 
  var containerBottom = containerTop + $(container).height(); 
  var elemTop = element.offsetTop;
  var elemBottom = elemTop + $(element).height(); 
  if (elemTop < containerTop) {
    $(container).scrollTop(elemTop);
  } else if (elemBottom > containerBottom) {
    $(container).scrollTop(elemBottom - $(container).height());
  }
}

おすすめ記事