如何使用jquery在窗口滚动上获取x和y坐标

Question

我的问题如下：我想在窗口滚动上获得x和y坐标，以确定我是否进入确定的部分，以执行某些效果。

我正在尝试使用此代码执行此操作：

$(window).scroll(function(e) {
       console.log(e.pageX + " " + e.pageY);
    });

显然这只是一个例子。我已经计算了所有部分的精确坐标，而我所需要的只是触发滚动事件时的当前坐标。

我不知道为什么，但是使用上面发布的代码，在控制台中，我得到“undefined undefined”。

如果有人可以帮助我，我会非常感激。 提前感谢您的未来答案。

Answer 1

e.pageX和e.pageY将设置为鼠标事件而非滚动事件。也许你可以使用scrollLeft和scrollTop来检索滚动位置并使用它来确定区域。

var left = $(document).scrollLeft();
var top = $(document).scrollTop();

Answer 2

您需要跟踪$(window).scrollTop()值，如下所示：

$(document).scroll(function() {
    console.log($(window).scrollTop());
});

文档：http://api.jquery.com/scrolltop/

小提琴：http://jsfiddle.net/QvMLA/（看看控制台输出）

如果您知道页面顶部的滚动位置，则可以触发各个部分的操作。祝你好运。