scrollTop vs scrollIntoView:为什么scrollTop不起作用？

Question

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

element.scrollTop = element.scrollHeight 

但没有滚动发生。然而，以下工作

element.scrollIntoView(false)

现在从MDN中，我了解到设置高值的scrollTop应该告诉浏览器滚动到底部，并且它应该与所有最新版本的浏览器一起工作。我在这里的理解是不是错了？

Answer 1

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

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

因此，对于页面中的滚动，您需要使用scrollIntoView，它将页面的当前视图移动到当前选择的元素中。如果您想要移动到该元素的顶部或执行其他一些行为，可以检查有关此方法的文献资料。

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