0

jQueryのscrollTopメソッドを使用して、ユーザーが自分のサイトでスクロールしたピクセル数を表示したいと考えています。'pixels'というクラスに表示されるピクセル数を教えてください。

したがって、私は持つことができます

<p><span class="pixels"><!--number of pixels here--></span> Pixels Scrolled</p>

私はそれをフッターで行うウェブサイトを見つけました。まさに私がやりたいことです！あなたはここでサイトを見つけることができますhttp://chartbeat.com/

私は探していて、それを行う方法を見つけることができないようですが。どんな助けでも大歓迎です。前もって感謝します。

4

4 に答える 4

2

次回は、質問する前にもう少し頑張ってください。

$(function(){
  var $w = $(window), display = $(".pixels");

  $w.on("scroll", function(e){
    $display.text($w.scrollTop())
  });
});
​

http://jsfiddle.net/Mb45L/2/

于 2012-05-22T11:29:56.617 に答える
1

それは本当に次のように簡単です：

(function(window, document, $, undefined) {
  $(function() {
    var win = $(window),
        ele = $('.pixels');

    win.scroll(function() {
      ele.text(win.scrollTop());
    });
  });
})(window, document, jQuery);
于 2012-05-22T11:34:28.773 に答える
0

使ってみてくださいdocument.getElementsByTagName("body")[0].scrollTop

于 2012-05-22T11:30:14.667 に答える
0

このようなもの？

<html>
 <head>
  <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
 </head>

 <body>
<p><span class="pixels" style="position:fixed"><!--number of pixels here--></span>     Pixels Scrolled</p>
<?php for($x=0;$x<100;$x++) { echo "<br>"; } ?>

<script type="text/javascript">

$(document).ready(function() {
   $(document).scroll(function() {
      $(".pixels")[0].innerHTML = $(document).scrollTop();
   });
});

</script>

 </body>
</html>
于 2012-05-22T11:38:45.760 に答える