尝试获取滚动页面的 x 和 y - 没有错误

Question

正在尝试获取滚动页面的 x 和 y，并在 console.log 中显示 (x,y)。问题：它不在控制台中显示任何内容，也没有错误。有什么想法吗？

// On load listen to the scroll event
window.onload = function() {
 // Get the x and y of the scroll
    window.addEventListener("scroll", function(event) {
         document.getScroll= function(){
             var sx, sy;
             if(window.pageYOffset!= undefined){
                sx = pageXOffset;
                sy = pageYOffset;

                 console.log(sx +" else " + sy);

              // return [pageXOffset, pageYOffset];
             }
             else{
               var d= document, r= d.documentElement, b= d.body;
              sx= r.scrollLeft || b.scrollLeft || 0;
              sy= r.scrollTop || b.scrollTop || 0;
              console.log(sx +" else " + sy);
              // return [sx, sy];

             }
        }
    });

};

Answer 1

删除 getScroll ，你的代码在里面，你没有调用它：

     window.addEventListener("scroll", function(event) {
              var sx, sy;
              if(window.pageYOffset!= undefined){
                 sx = pageXOffset;
                 sy = pageYOffset;
                  console.log(sx +" else " + sy);
               // return [pageXOffset, pageYOffset];
              }
              else{
                var d= document, r= d.documentElement, b= d.body;
               sx= r.scrollLeft || b.scrollLeft || 0;
               sy= r.scrollTop || b.scrollTop || 0;
               console.log(sx +" else " + sy);
               // return [sx, sy];
              }
     });

<body style="height:1500px;">

</body>

或滚动时调用。

     window.addEventListener("scroll", function(event) {
          getScroll= function(){//remove document part
              var sx, sy;
              if(window.pageYOffset!= undefined){
                 sx = pageXOffset;
                 sy = pageYOffset;
                  console.log(sx +" else " + sy);
               // return [pageXOffset, pageYOffset];
              }
              else{
                var d= document, r= d.documentElement, b= d.body;
               sx= r.scrollLeft || b.scrollLeft || 0;
               sy= r.scrollTop || b.scrollTop || 0;
               console.log(sx +" else " + sy);
               // return [sx, sy];
              }
         }
          getScroll();//call your function
     });

<body style="height:1500px;">

</body>

Answer 2

已从您的代码中删除"document.getScroll= function(){ }"

 // Get the x and y of the scroll
    window.addEventListener("scroll", function(event) {


             var sx, sy;
             if(window.pageYOffset!= undefined){
                sx = pageXOffset;
                sy = pageYOffset;

                 console.log(sx +" else " + sy);

              // return [pageXOffset, pageYOffset];
             }
             else{
               var d= document, r= d.documentElement, b= d.body;
              sx= r.scrollLeft || b.scrollLeft || 0;
              sy= r.scrollTop || b.scrollTop || 0;
              console.log(sx +" else " + sy);
              // return [sx, sy];

             }

    });

};

尝试获取滚动页面的 x 和 y - 没有错误

Trying to get the x and y of the scrolled page - no errors

javascript

scroll

event-handling

mouseevent