gpt4 book ai didi

jquery - 更改 smoothscroll 上的列表元素类

转载 作者:行者123 更新时间:2023-11-28 11:04:42 26 4
gpt4 key购买 nike

当我滚动到它时,我试图将列表

  • 元素的类更改为 class="active"。

    function onScroll(event){
    var scrollPos = $(document).scrollTop();
    $('#menu').each(function () {
    var currLink = $(this);
    var refElement = $(currLink.attr("href"));
    if (refElement.position().top <= scrollPos && refElement.position().top + refElement.height() > scrollPos) {
    $('#menu ul li').removeClass("active"); //added to remove active class from all a elements
    currLink.addClass("active");
    }
    else{
    currLink.removeClass("active");
    }
    });

    这是我的菜单

    <div class="navbar navbar-inverse" data-spy="affix" id="header" role="navigation" data-offset-top="100">
    <div class="container">
    <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">Project name</a>
    </div>
    <div class="navbar-collapse collapse" id="menu">
    <ul class="nav navbar-nav navbar-right">
    <li class="active"><a href="#home">Home</a></li>
    <li><a href="#about">About</a></li>
    <li><a href="#">Testimonials</a></li>
    <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
    <ul class="dropdown-menu">
    <li class="dropdown-header">Description Header</li>
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a href="#">More links</a></li>
    <li><a href="#">And one to grow on</a></li>
    </ul>
    </li>
    <li><a href="#">Contact</a></li>
    </ul>
    </div><!--/.navbar-collapse -->
    </div>
    </div>

    我不确定我是否正确地修改了列表元素。平滑滚动效果很好,但类不会改变。

    谢谢!

  • 最佳答案

    试试看,

    $("li").click(function(){
    $(".active").removeClass(".actvie");
    $(this).addClass("active");
    });

    关于jquery - 更改 smoothscroll 上的列表元素类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22308419/

    26 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com