javascript - 在 javascript/jQuery 中检测滚动元素的偏移量

Question

我希望计算元素与文档窗口顶部之间的距离。在滚动时我可以获得初始值但它不会改变。我怎样才能找到这个值以及滚动时数字已经变成了什么？

JS:

$(function() {
    $(window).scroll(function() {
        var h1 = $("h1");
        console.log(h1.offset().top)
    });
});

HTML:

<div id="cover">   
    <h1>hello sir</h1> 
</div>

Answer 1

比较 <h1> 的偏移量元素到用户向下滚动页面的距离。 $(window).scrollTop()函数将为您提供用户向下滚动的数量:

$(window).scroll(function() {
  var $h1 = $("h1");
  var window_offset = $h1.offset().top - $(window).scrollTop();
});