Get mouse position on scroll

后端 未结 2 1969
梦毁少年i
梦毁少年i 2020-12-03 21:43

how can i get the mouse position when i scroll down or scroll up

i tried this

$(document).mousemove(function(event) {
    captureMousePosition(event)         


        
相关标签:
2条回答
  • 2020-12-03 21:46

    we cannot get mouse current position on scroll we can just get how much it scrolled relative to last position so changed it to :

    var xMousePos = 0;
    var yMousePos = 0;
    var lastScrolledLeft = 0;
    var lastScrolledTop = 0;
    
    $(document).mousemove(function(event) {
        captureMousePosition(event);
    })  
    
        $(window).scroll(function(event) {
            if(lastScrolledLeft != $(document).scrollLeft()){
                xMousePos -= lastScrolledLeft;
                lastScrolledLeft = $(document).scrollLeft();
                xMousePos += lastScrolledLeft;
            }
            if(lastScrolledTop != $(document).scrollTop()){
                yMousePos -= lastScrolledTop;
                lastScrolledTop = $(document).scrollTop();
                yMousePos += lastScrolledTop;
            }
            window.status = "x = " + xMousePos + " y = " + yMousePos;
        });
    function captureMousePosition(event){
        xMousePos = event.pageX;
        yMousePos = event.pageY;
        window.status = "x = " + xMousePos + " y = " + yMousePos;
    }
    

    it worked and is working on multi browsers....

    anyways thanks all :)

    0 讨论(0)
  • 2020-12-03 21:59

    i didn't tried this you try:

    $(document).ready(function(){
       $(document).scroll(function(e){
          $('#status').html(e.pageX +', '+ e.pageY);
       }); 
    });
    
    0 讨论(0)
提交回复
热议问题