jquery - 如何使用 jQuery 将表格的一行滚动到 View (element.scrollintoView) 中？

Question

我正在使用 jQuery 向表中动态添加行。table 位于具有 overflow:auto 的 div 内，从而导致垂直滚动条。

我现在想将我的容器 div 自动滚动到最后一行。 tr.scrollintoView() 的 jQuery 版本是什么？

Answer 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());
  }
}