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

Question

我有一个conversation-body带有overflow: auto属性的简单类。

我需要这个 div 按其高度滚动到顶部。

这是我到目前为止所做的-：

//getting element 

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

//getting height

var parentHeight = parent.getBoundingClientRect().bottom - parent.getBoundingClientRect().top;

//trying to scroll it up

parent.scrollTop += parentHeight; 

这有效，但它在顶部留下了一些空间。

任何建议为什么？

这是网页的链接。您可以在控制台中尝试上述代码。

Answer 1

我认为问题是你如何获得父母的身高。我不熟悉getBoundingClientRect，我使用offsetHeight. 我这样试过了，它奏效了：var parent = document.getElementsByClassName('conversation-body')[0]; //getting elementvar parentHeight = parent.offsetHeight; //getting heightparent.scrollTop += parentHeight; //trying to scroll it up

Answer 2

要确认，您要按父级的高度显示页面的下一部分吗？如果是这样，请尝试使用offsetHeight而不是从矩形坐标计算它。var parent = document.getElementsByClassName('conversation-body')[0]; //getting elementparent.scrollTop += parent.offsetHeight; // no need to perform height calculation