滾動時如何獲取瀏覽器窗口的坐標

Question

當用戶滾動我的頁面時，我嘗試獲取瀏覽器窗口的坐標。

有沒有辦法通過滾動事件獲得窗口坐標？

當我使用mousemove事件時，它工作正常，但是當我使用 scroll 事件時，它給了我undefined 。
我知道鼠標事件有一個事件可以將她的事件與deltaX 、 clientX 、 pageX事件一起使用。

但是如何使用滾動事件來獲取和元素的坐標呢？

這是我的代碼'''javascript

window.addEventListener("scroll",function(e){
  var x = event.clientX;
  var y = event.clientY;
  var coords = "X coords: " + x + ", Y coords: " + y;
  console.log(coords);
});

'''

如果我將scroll更改為諸如mousemove之類的任何鼠標事件，它可以正常工作，但是在使用滾動時，它會給我未定義

因此，當用戶滾動我的頁面時，我需要任何幫助來獲取坐標。

我試過scrollHeight 、 deltaX|Y 、 pageX|Y和clientX|Y但沒有任何效果。

Answer 1

好的，試試這個

 <!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.5.0.js"></script> <title></title> </head> <body> <div id="res"></div> <script type="text/javascript"> for (var i = 100; i >= 0; i--) { let x = document.createElement("h1"); x.innerHTML = "just text"; document.body.append(x) } $(window).scroll(function showCoords(event) { console.log(window.scrollY); }) </script> </body> </html>

滾動時如何獲取瀏覽器窗口的坐標

問題描述

1 個解決方案

解決方案1
1 2020-11-07 11:08:27

滾動時如何獲取瀏覽器窗口的坐標

問題描述

1 個解決方案

解決方案1 1 2020-11-07 11:08:27

解決方案1
1 2020-11-07 11:08:27