Question

我正在使用反应创建一个需要滚动到页面加载底部的组件。首先，我使用了scrollTop

element.scrollTop = element.scrollHeight

但没有滚动发生。但是，以下方法有效

element.scrollIntoView(false)

现在从MDN开始，我了解到将scrollTop设置为高值应该告诉浏览器滚动到底部，并且它应该可以与所有最新版本的浏览器一起使用。我的理解是否正确？

Answer 1

scrollTop不用于移动元素或滚动位置。它的作用是：

获取垂直滚动<div>元素内容的像素数

因此，要在页面中进行滚动，您需要使用scrollIntoView，它将页面的当前视图移动到当前选择的元素中。如果您想移至该元素的顶部或进行其他操作，则可以检查the documentation关于此方法。

scrollIntoView（）方法将指定的元素滚动到浏览器窗口的可见区域。