ウェブページの垂直スクロールバーまたはスクロールバーでクリックされた場所を確認

Question

ユーザーが特に水平スクロールバーまたは垂直スクロールバーをクリックしたかどうかを判断する方法はありますか（ユーザーがドラッグしているかどうかも考慮） 。この情報を使用して、私のウェブページ上の特定のことを行うことができるようにしたいと考えています。

Answer 1

FireFoxのクイックテストでは、ブラウザ自体で作成されたスクロールバーは、レンダリングされたHTMLやDOMの一部ではありません。

$(function() { 
    $("*").click(function(e) { 
    console.log(e.target); 
    }).scroll(function(e) { 
    console.log(e.target); 
    }); 
}); 

https://jsfiddle.net/Twisty/4ow21vp6/

ですから、クリックイベントがトリガされていないことがわかります。スクロールバーを右クリックして検査することさえできません。したがって、これらを「クリック」することは不可能です。他のイベントも役立ちます。

Answer 2

scrollイベントを使用して、スクロールバーの動きを検出し、ユーザーが上下左右に移動しているかどうかを調べることができます。スタックオーバーフローへ

var lastScrollTop = 0; 
 
var lastScrollLeft = 0; 
 
$(window).scroll(function(event){ 
 
    var st = $(this).scrollTop(); 
 
    if (st > lastScrollTop){ 
 
     // downscroll code 
 
    } else { 
 
     // upscroll code 
 
    } 
 
    lastScrollTop = st; 
 
    
 
    var documentScrollLeft = $(this).scrollLeft(); 
 
    if (documentScrollLeft>lastScrollLeft){ 
 
     // scroll right code 
 
    }else{ 
 
     // scroll left code 
 
    } 
 
});