javascript - 在页面上使用 css 缩放时使用 javascript 定位元素

Question

我创建了一个幻灯片插件，它获取图像列表并构建幻灯片。幻灯片放映位置距顶部 100px + $(document).scrollTop()。

这非常简单，而且效果很好。当有人在页面上使用 css 缩放时，我遇到了一些问题。由于缩放，顶部位置的计算将关闭。有没有人知道纠正这个/变通的好方法？

提前致谢!

Answer 1

我遇到了同样的问题，并且发现 jQuery .offset().top 正在返回一些值，这些值取决于窗口滚动位置，如果将 CSS 缩放添加到包装我们需要从中获取位置的元素的元素。

因此，我使用了原生 JavaScript .offsetTop在这种情况下:

$("#scrollDestination").get(i).offsetTop;

但是，请记住，这将获得相对于其父级的位置，不像 jQuery .scrollTop()。这是返回滚动条的位置。因此，您可能需要进行一些计算，但至少当您涉及 CSS 缩放时，您将获得元素位置的一致返回值。