如何滾動到元素的底部？

Question

我試圖讓頁面滾動到元素的底部，但我想使用屏幕底部作為參考，而不是它的頂部。

我知道的所有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 ，但我想知道是否有更直接的方法來做到這一點？

Answer 1

你可以試試.scrollIntoView() ：

element.scrollIntoView(false);

或（相同）：

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