2014-06-05 24 views
0

我的問題如下:我想在窗口滾動上獲取x和y座標,以確定是否進入了確定的部分,執行一些效果。如何使用jquery獲取窗口上的x和y座標滾動

我想這個代碼做到這一點:

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

顯然,這僅僅是一個例子。我已經計算了我所有部分的精確座標,並且我需要的是滾動事件觸發時的當前座標。

我不知道爲什麼,但在上面貼出的代碼中,在控制檯中,我得到「undefined undefined」。

如果有人能幫助我,我將非常感激。 預先感謝未來的答案。

+0

可能重複[我如何在jQuery在瀏覽器滾動位置?(http://stackoverflow.com/questions/10615845/how-do-i-get-the-browser-scroll-position -in-jquery) – nalply

回答

1

你需要跟蹤$(window).scrollTop()值,就像這樣:

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

文檔:http://api.jquery.com/scrolltop/

小提琴:http://jsfiddle.net/QvMLA/如果您知道滾動位置(看看控制檯輸出)

從頁面頂部,您可以觸發您的部分的操作。祝你好運。

+0

它完美地工作。非常感謝! –

1

e.pageX和e.pageY將設置在鼠標事件而不是滾動事件上。也許你可以使用scrollLeft和scrollTop檢索滾動位置並使用它來確定區域。

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