如何跳转到页面某个位置

First Post:

Last Update:

如何跳转到页面某个位置

image.png
image.png

getBoundingClientRect() 是 JavaScript 中的一个非常有用的方法,它属于 Element 对象。这个方法返回一个 DOMRect 对象,该对象包含了元素的大小及其相对于视口(viewport)的位置。DOMRect 对象包含了一组只读属性:toprightbottomleftwidth 和 height,这些属性描述了元素的边界框。

注意我们获取到的是相对值,元素滚动后视口与元素之间的距离发生改变会导致功能不好使,必须加上一个window.pageYOffset 。

image.png
这是一个比较现代的方法。