javascript - jQuery:更新時にページが返すオフセットを検出するにはどうすればよいですか?

Question

$("body").offset() onready を使用すると、URL にアンカーが含まれていても、結果は常に 0 になります。

ページが実際に解決される場所のオフセットを取得するより良い方法はありますか?

ありがとう！

Answer 1

$("body").offset()これは、ページに対する本文の上部と左側の値を返すためです。

あなたはおそらく使いたい

$(window).scrollTop();

スクロール位置の値が必要な場合。

//this will alert the scroll pos on load
$(document).ready(function(){

    var scrollPos = $(window).scrollTop();
    alert(scrollPos);

});

Answer 2

• デモ3： http: //jsbin.com/aroha5/3

$.fn.extend({
  scrollTo : function(speed, easing) {
    return this.each(function() {
      var targetOffset = $(this).offset().top;
      $('html,body').animate({scrollTop: targetOffset}, speed, easing);
    });
  }
});
$('#scroll-to').scrollTo(1000);

---

• デモ：http： //jsbin.com/aroha5
• デモ2： http ：//jsbin.com/aroha5/2

/* body offset start */ $('body').offset().top 
/* body offset end */  $('body').height() 

ただし$("body").offset()、Object_0