获取一个页面站点的div偏移量

时间:2016-06-11 06:50:22

标签: javascript jquery twitter-bootstrap

这里我使用了bootstrap固定导航。

我有一个类似

的部分
<section id="count" class="count-section">
  // here some code 
</section>

我正在尝试应用动画,如果用户滚动并查看此部分。所以在这里我试图通过度量偏移来实现它。我试过下面的代码

$(window).scroll(function() {
    var pos = $('#count').offset().top;
    console.log(pos);
} 

重新加载页面后,我在滚动页面后得到了值1539.5333404541016,我总是得到值1539.5333251953125

如何从顶部固定导航中测量此位置?

2 个答案:

答案 0 :(得分:1)

这样的事可能有用:

$(window).scroll(function() {
    var pos = $('#count').offset().top - $(document).scrollTop();
    console.log(pos);
});

查看$(window).height()$(document).scrollTop()

答案 1 :(得分:1)

我认为你在固定导航位置上应用条件,

$(window).scroll(function() {
    var pos = $('.navbar').offset().top;    //bootstrap top fixed nav 
    console.log(pos);
} 

然后滚动并查看你的div焦点,值是什么?然后你可以申请条件。