jQuery滚动到元素的底部而不是顶部

Question

我使用以下内容滚动到一个元素

$("html, body").animate({
  scrollTop: $('selector').offset().top
}, 500);

当滚动到它时,上面的代码将元素放在浏览器窗口的顶部,有没有一种方法可以滚动到元素,滚动结尾与浏览器窗口底部的元素？

Answer 1

尝试这样的东西将滚动放在元素的底部

$("html, body").animate({
      scrollTop: $('selector').offset().top + $('selector').outerHeight(true)
    }, 500);

或者将元素放在滚动的底部:

$("html, body").animate({
          scrollTop: $('selector').offset().top + $('selector').outerHeight(true) -$(window).height()
        }, 500);

Answer 2

您可以使用窗口的高度来计算滚动位置