使用jQuery滚动到页面底部。

Question

我有一些列表项，当用户点击按钮时会显示出来，这个按钮位于页面的底部，所以如果用户点击了几次，他们就必须继续向下滚动才能看到按钮。

我希望在用户点击按钮时将滚动条设置为最底部。

- The Muffin Man

Answer 1

使用jQuery：

$('#foo').click(function() {
  $('html, body').animate({scrollTop: $(document).height()}, 'slow');
  return false;
});

- Gemma

---

谢谢，这个比JavaScript版本更好用，后者停止了滚动。 - The Muffin Man

Answer 2

您不需要使用jQuery来实现这个功能：

window.scroll(0, document.documentElement.offsetHeight);

- Jacob Relkin

---

我似乎找不到符合W3C标准的属性（clientHeight、scrollHeight、innerHeight和offsetHeight都不是标准），但我建议不要使用document.height，因为虽然它也不是标准，但它即将被弃用并从Firefox中删除。http://mzl.la/ewNQYQ - Delan Azabani

@Delan Azabani，我喜欢能够完成任务的答案，jQuery通常是编写JavaScript更快、更简洁的方法，这在我的观点中是"+1"。 - The Muffin Man

从2020年开始大家都不想再使用jQuery时的咯咯笑声 - Obed Parlapiano