獲取滾動位置和方向與香草JS

Question

我想完成一個項目，而不使用jQuery。直到現在看起來很好。但是，有一些我無法管理的事情：滾動位置和方向。

我基本上想要的是，當我們到達某個點時向某個元素添加一個類，並在到達相同點時刪除該類，但是，正在向上。

Answer 1

你將要使用

var scrollObject = {}; 
window.onscroll = getScrollPosition; 

function getScrollPosition(){ 
    scrollObject = { 
     x: window.pageXOffset, 
     y: window.pageYOffset 
    } 
    // If you want to check distance 
    if(scrollObject.y > 200) { 
     // add class 
    } else { 
     // remove class 
    } 
} 

這就是說，我會強烈建議考慮節流的方法來改善這種方法的性能。

Answer 2

我最近創建了一個JSFiddle它可能會幫助您完成此操作。 http://jsfiddle.net/UFV7R/5/您必須包含滾動位置的檢測，您可以通過存儲上一個滾動條位置並將其與當前滾動條位置進行比較來實現。