el.scrollTop 元素是否在屏幕顶部留出一些空间？

Question

我有一个conversation-body带有overflow: auto属性的简单类。我需要这个 div 按其高度滚动到顶部。这是我到目前为止所做的-：//getting element var parent = document.getElementsByClassName('conversation-body')[0]; //getting heightvar parentHeight = parent.getBoundingClientRect().bottom - parent.getBoundingClientRect().top;//trying to scroll it upparent.scrollTop += parentHeight; 这有效，但它在顶部留下了一些空间。任何建议为什么？这是网页的链接。您可以在控制台中尝试上述代码。

Answer 1

我认为问题是你如何获得父母的身高。我不熟悉getBoundingClientRect，我使用offsetHeight. 我这样试过了，它奏效了：

var parent = document.getElementsByClassName('conversation-body')[0]; //getting element

var parentHeight = parent.offsetHeight; //getting height

parent.scrollTop += parentHeight; //trying to scroll it up

Answer 2

要确认，您要按父级的高度显示页面的下一部分吗？

如果是这样，请尝试使用offsetHeight而不是从矩形坐标计算它。

var parent = document.getElementsByClassName('conversation-body')[0]; //getting element

parent.scrollTop += parent.offsetHeight; // no need to perform height calculation