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

您可以使用窗口的高度來計算滾動位置