在这里,我使用了引导固定导航。

我有一个像

<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

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

===============>>#1 票数:1 已采纳

这样的事情可能会起作用:

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

看一下$(window).height()$(document).scrollTop()

===============>>#2 票数:1

我想您要在固定的导航位置上应用条件,

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

然后滚动查看div焦点,值是多少? 然后,您可以应用条件。

  ask by Satu Sultana translate from so

未解决问题?本站智能推荐:

1回复

面板展开后获取元素的更新偏移量

我有一个锚点链接,该链接指向可折叠面板内部的字段(它可以在面板内部的面板内部)。 我有一段代码,当用户单击锚链接时,所有父面板(如果隐藏)将打开,并使用jQuery offset().top滚动到该字段。 但是,打开面板后, offset()值不会更新。 一些示例代码: 如何解决这
1回复

按钮的滚动偏移量

我有一个固定的导航栏,因此单击导航栏中的某个元素时需要一点偏移,为此我使用了此代码(对于导航栏元素而言,它工作得很好): 但是我有两个按钮也链接到网站的某些部分: 但是,当我将它们的ID放在上面提到的js代码中时,它不起作用,在“移至”网站的特定部分时,不考虑偏移量。 我应
1回复

返回Booton偏移量的positon.left

这似乎很简单,但让我很沮丧。 我正在尝试获取具有Bootstrap 3的列偏移量的div的左侧位置。 我用positon.left得到15px ...引导槽。 有人知道如何从具有列偏移量的页面边缘获取左侧位置吗?
1回复

使用scrollTop()时如何添加固定偏移量

我想设置一个position:fixed到div滚动超过屏幕顶部时。 我已经使用以下代码成功完成了此操作: CSS在哪里: 我的问题:我想对此进行修改,以使div保持在高度为60px的导航栏下,而不是位于页面顶部。 我知道我需要将CSS修改为“ top:60px”,但是如何将
1回复

如何向jquery scrolltop添加偏移量

我正在使用以下代码在bootstrap上的导航栏中的菜单链接中滚动滚动: 此时,固定导航栏隐藏了下面的锚点。 如何添加60px的偏移量来调整?
2回复

阻止btn直到选中至少一个偏移量复选框

这里有些沮丧,无论我如何尝试,我都无法以某种方式进行这项工作。 我有一个带有2个偏移量的小表格,每个偏移量包含几个复选框,如下所示: 我需要确保用户在每个偏移量中至少选择一个,以便能够单击此按钮,否则它应该不可单击 :)
1回复

Twitter引导程序更改在DOM更改上的后缀偏移量

Twitter引导程序更改词缀偏移可能会有所帮助。 假设他基本上也遇到了同样的问题,并发布了解决我的问题的方法,但不幸的是我无法使它正常工作。 这是Bootstrap Affix插件页面(如果您知道使用此插件的另一种/更好的方法,那么,我不禁听到--不需要此插件): http : //t
2回复

获取Twitter Bootstrap导航栏以加载不同的页面,而不仅仅是引用同一页面上的div

我对Web开发非常陌生,我并不了解所有术语。 但是基本上我想像getbootstrap.com一样实现我的网站---即,当您单击“入门”时,该网页会将您带到另一个页面(和我相信的资源)。 我当前网站的导航栏在同一页面上仅引用了不同的div。 有人可以指导我一些资源来了解“页面”如何工作吗?
2回复

Bootstrap scrollspy-如何使用Jquery或JavaScript设置偏移量并平滑过渡到每个部分?

我想做的是设置scrollspy的偏移量,并使其平滑过渡到每个部分。 我希望不使用插件或数据属性(如果需要数据属性则可以),但是我想要一个采用以下javascript并添加平滑动画滚动效果的解决方案。 jQuery解决方案(如果可能)。 Scrollspy可以使用此代码,而offset
1回复

一页网站的汉堡包切换菜单

我正在使用jQuery和bootstrap库开发一个超级简单的网站,但我希望菜单项跳至该部分(已经使用锚定了)。 但是,当我导航回顶部时,菜单下拉菜单仍处于打开状态。 我如何设置一个切换开关,使其在单击菜单项时关闭? 这是我的初始代码: 任何帮助,不胜感激。 谢谢。