如何滚动到元素的底部？答案

【问题标题】：How to scroll to the bottom of an element?如何滚动到元素的底部？
【发布时间】：2021-07-21 15:42:58
【问题描述】：

我试图让页面滚动到元素的底部，但我想使用屏幕底部而不是顶部作为参考。

所有scroll API's我知道只用屏幕顶部作为参考，像这样：

element.scrollTo({
  top: 100,
  left: 100,
  behavior: 'smooth'
});

我有top property，但我想要这样的东西：

element.scrollTo({
  bottom: 100,
  left: 100,
  behavior: 'smooth'
});

当然，这不起作用，这只是一个例子。在这里，我将屏幕底部作为参考，并将其与元素的底部对齐。

有类似的吗？

我知道我可以做offsetTop + element's height（或类似的东西）并将结果用作top value，但我想知道是否有更直接的方法来做到这一点？

【问题讨论】：

【解决方案1】：

你可以试试.scrollIntoView():

element.scrollIntoView(false);

或（相同）：

element.scrollIntoView({block: 'end'});

【讨论】：