Javascript 元素的el.scrollTop在屏幕顶部留下一些空间? 我有一个简单的conversation body类,带有overflow:auto属性 我需要这个div按其高度滚动到顶部

Javascript 元素的el.scrollTop在屏幕顶部留下一些空间? 我有一个简单的conversation body类,带有overflow:auto属性 我需要这个div按其高度滚动到顶部,javascript,Javascript,以下是我迄今为止所做的工作: //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.s

以下是我迄今为止所做的工作:

//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; 
  • 这是可行的,但它在顶部留下了一些空间
  • 有什么建议吗
  • 是指向网页的链接。您可以在中尝试上述代码 控制台

要确认,是否要按父级的高度显示页面的下一部分

如果是,请尝试使用,而不是从矩形坐标计算

var parent=document.getElementsByClassName('conversation-body')[0]//获取元素
parent.scrollTop+=parent.offsetHeight;//无需进行高度计算

我认为问题在于如何获得父母身高。我不熟悉
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

能否清除浏览器缓存并进行检查。如果应用程序中存在任何缓存插件,请禁用该插件。如果在匿名中尝试过,则会遇到相同的问题。编辑:ff和chrome中的相同问题