Jquery 卷轴上的引导活动类需要在从顶部开始的100px之前添加

Jquery 卷轴上的引导活动类需要在从顶部开始的100px之前添加,jquery,css,twitter-bootstrap,Jquery,Css,Twitter Bootstrap,引导滚动导航仅在到达屏幕顶部时才更改活动状态。当它从顶部达到100px时,我需要对其进行更改 当我点击导航时,它会在100px之前停止,这是正确的,但是活动状态没有改变 $(function() { $(document).on('click', 'a.page-scroll', function(event) { var $anchor = $(this); $('html, body').stop().animate({ scrollTop: $($anc

引导滚动导航仅在到达屏幕顶部时才更改活动状态。当它从顶部达到
100px
时,我需要对其进行更改

当我点击导航时,它会在
100px
之前停止,这是正确的,但是
活动状态没有改变

$(function() {
  $(document).on('click', 'a.page-scroll', function(event) {
    var $anchor = $(this);
    $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top - 50
    }, 1500, 'easeInOutExpo');
    event.preventDefault();
   });
});

例如:在this()中,只有当div变为top时,活动状态才会改变。如何使活动状态在顶部为
100px
时发生变化。

如果我正确理解您的问题,您希望在导航从顶部到达100px时更改链接的活动状态,对吗? Bootstrap的scrollspy有一些javascript引用,您可以将这些引用设置为body标记以控制偏移量,如果您在给出的示例中查看body标记,您可以看到它如下所示:

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top" data-offset="100">

您可以阅读Bootstrap的javascript参考

您是否查看了演示站点的源代码<代码>滚动nav.js
的代码会根据屏幕顶部的像素数影响导航折叠切换…我已经更改了该值。现在发生的是div get stop在
100px
之前,但活动类没有改变。当活动类达到
0
时,它会发生变化。您是否有一个小提琴或演示您的代码?我假设演示链接只是开发者的例子?我也更新了下载链接。非常感谢。这正是我想要的。