javascript - 当scrollTop() 不起作用时，仅使用Javascript 滚动到特定位置？

Question

所以我的问题有点具体。

第一件事是，由于某种原因(我不知道是什么)，页面.scrollTop的任何元素的结果等于0

这使得 scrollTop() 的使用变得不可能。

但是我可以使用 scrollIntoView() 但我需要为我的元素添加特定的高度。

类似 document.getElementById(ELEMENT).scrollIntoView() + 50px。

所以我想知道 scrollIntoView() 考虑了什么(因为它不是scrollTop)以及我是否可以编辑这个值来管理我想要的内容？

或者也许您确实有其他解决方案给我？

编辑:这是我尝试滚动的页面 https://www.naissance.fr/prenoms/这是我想要滚动到的 block (没有导航器覆盖它): document.getElementsByClassName('mastcontainer__body')[0].scrollIntoView(true);

Answer 1

我想这就是您一直在寻找的，

要获取页面中任何元素的位置，您可以使用像这样的“getBoundingClientRect”方法，并使用 window.scrollTo() 滚动到该特定位置。

     var htmlElement = document.getElementById('container');
     var elementPosition = element.getBoundingClientRect()
     window.scrollTo(elementPosition.top, elementPosition.left)

另请参阅此链接以获取更多学习信息:https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect