offsetTop / getBoundingClientRect()。位置为粘滞的元素的顶部

问题描述 投票:0回答:1

[具有position: sticky的元素达到其偏移量(例如top: 0)并在屏幕上停止时,我无法正确获得其offsetTop,它显示的超出了必要。同时,我无法获得getBoundingClientRect().top,因为它显示为0。请看这个例子:

https://jsfiddle.net/rafaylik/sf5Lcrjp/

[当元素是粘性的时,它将在DOM中保留其位置,但是计算将采用其实际位置。

因此,当元素处于粘性状态时,如何获得其坐标?有什么想法吗?

scroll position offset sticky getboundingclientrect
1个回答
0
投票

我认为我找到了答案,但是如果有人更正确地知道了,请纠正我。

[计算前需要将元素的positionsticky更改为static。获取他的坐标并将他带回到position: sticky

© www.soinside.com 2019 - 2024. All rights reserved.