0

JavaScript を使用して、ユーザーがページの上部からどれだけスクロールしたか、またはページの左側からどれだけスクロールしたかを表示するカウンターを作成できますか?

これは私が試したコードのフィドルですが、スクロールしてもカウントされません。

http://jsfiddle.net/cz9zG/

これが私が使用しているHTML、CSS、およびJavaScriptです。jQueryのscrollTop関数を使用せずにこれを理解しようとしていました。

HTML:

<p> 
  Distance from top = <span id="windowTop"></span>
  <br/>
  Distance from left = <span id="windowLeft"></span>
</p>

CSS:

body {height:2000px; width:2000px;}
p {position:fixed;}

JavaScript:

var top = window.pageYOffset || document.documentElement.scrollTop;

var left = window.pageXOffset || document.documentElement.scrollLeft;

window.onscroll = function() {
  document.querySelector('#windowTop').innerHTML = top;
  document.querySelector('#windowLeft').innerHTML = left;
}
4

1 に答える 1

1

上と左の宣言を onscroll 関数に移動します。

window.onscroll = function() {

var top = window.pageYOffset || document.documentElement.scrollTop;

var left = window.pageXOffset || document.documentElement.scrollLeft;

...

}
于 2013-07-25T02:33:59.680 に答える