jQuery滚动到元素底部而非顶部

Question

我正在使用以下代码滚动到一个元素：

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

上面的代码将元素放置在滚动到它时浏览器窗口的顶部，有没有一种方法可以滚动到该元素，并使其停留在浏览器窗口底部？

- ramo

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);

- Khanh TO

---

对一些修改后的代码进行了操作：$("html，body").animate({scrollTop：$('selector').offset().top - ($(window).height()-$("selector").outerHeight() +10)}, 500); - ramo

Answer 2

您可以使用 window的高度来计算滚动位置。

- Jason Sperske