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

Question

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

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

提前致谢！

Answer 1

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

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

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

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