如何獲取用戶向下滾動頁面的像素數量？

假設我們有一個高度很大的html頁面，所以會有一個垂直滾動條。如何獲取用戶向下滾動頁面的像素數量？

隨着用戶向下滾動，我想知道他有多少滾動使用javascript（jquery）我想......這可能嗎？

2010-11-02 gadlol

您可以使用.scroll()和.scrollTop()來做到這一點。

$(window).scroll(function() { 
    // use the value from $(window).scrollTop(); 
});

另請參閱此question。

來源

2010-11-02 18:49:54 justkt

thanx很多!!!! – gadlol 2010-11-02 19:16:22

是的。請參閱jQuery中的scrollTop()，其中包含scrollTop DOM屬性。

來源

2010-11-02 18:49:06

thanx很多!!!! – gadlol 2010-11-02 19:16:05

這就是我在我的網站上使用的...當任何人滾動620像素的菜單將彈出，我手動輸入數字。我還是個菜鳥的JavaScript，但我希望這有助於

<script> 
    $(document).ready(function(){ 
     $(window).scroll(function(){ 
      var scrollTop = 620; 
      if($(window).scrollTop() >= scrollTop){ 
       $('.Nav').css({ 
        position : 'fixed', 
        top : '0' 
       }); 
      } 
      if($(window).scrollTop() < scrollTop){ 
       $('.Nav').removeAttr('style'); 
      } 
     }) 
    }) 
    </script>

來源

2013-05-14 11:38:45

雖然這有效，但可以改進，不需要第二個if語句，只需使用else。如果還有其他內聯樣式，可能還會使用其他js函數，那麼刪除'樣式'屬性可能會很危險。我認爲一個更好的做法是扭轉你在最初添加的風格，如果 – jakecraige 2013-08-07 13:30:25

在純JavaScript你可以簡單地做這樣的：

window.onscroll = function (e) { 
    console.log(window.scrollY); // Value of scroll Y in px 
};

更多的相關信息（Mozilla的開發者網絡）：

來源

2015-11-29 03:23:28

我很驚訝沒有人贊成這一點。從我+1;） – Arjun 2016-06-17 02:14:07

如何獲取用戶向下滾動頁面的像素數量？

回答

相關問題