有的时候，我们需要实现点击顶部的一个按钮（「联系我们」），页面滚动到底部

上代码：

1
2
3
4
5
6
7

$('.contact_us').click(function() {
  window.scrollTo({
    top: document.body.scrollHeight,
    left: 0,
    behavior: 'smooth'
  });
})

两个点：

• window.scrollTo:滚动到文档中的某个坐标。

behavior 类型String,表示滚动行为,支持参数 smooth(平滑滚动),instant(瞬间滚动),默认值auto,实测效果等同于instant

• element.scrollHeight: 看了 MDN 的介绍之后，我感觉就是包含 scroll 出去的高度