[jQuery] 偵測頁面是往上或往下捲動

分享:
標籤: jQuery javascript

要在 jQuery 內抓到是往上捲或往下捲,可以抓取 wheel 的事件,並在他回傳的事件物件裡可以抓到是往上或往下,具體寫法如下:

$(window).on('wheel', function(event){
    if(event.originalEvent.deltaY < 0){
      // wheeled up

    }
    else {
      // wheeled down

    }
});

在抓 wheel 事件的時候可以從事件物件 originalEvent 的 deltaY 的正負值去判斷是往上或往下,除了 deltaY 還有 deltaX 跟 deltaZ 可以去抓出 x 軸跟 z 軸的變化,根據這個值就能判斷捲動的方向,判斷完再做要處理的事就好了。

 

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。

社團 社群