gpt4 book ai didi

javascript - 想要激活当前的
  • 转载 作者:行者123 更新时间:2023-11-30 16:59:08 24 4
    gpt4 key购买 nike

    我正在创建视差网页

    我想点击

    <li class="active">

    激活并使其他的不激活。我只是不知道该怎么做。我正在使用 Twitter Bootstrap 进行导航

    <ul class="nav navbar-nav navbar-navi">
    <li class="active"><a href="#home" class="scroll">Home</a></li>
    <li><a href="#about" class="scroll">About</a></li>
    <li><a href="#" class="scroll">Works</a></li>
    <li><a href="#" class="scroll">Services</a></li>
    <li><a href="#" class="scroll">Stats</a></li>
    <li><a href="#" class="scroll">Team</a></li>
    <li><a href="#" class="scroll">Contact</a></li>
    </ul>

    CSS

    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover
    {
    color: #B38441;
    background-color:transparent;
    }

    Js 用于平滑滚动

     $(".scroll").click(function(event){
    event.preventDefault();
    //calculate destination place
    var dest=0;
    if($(this.hash).offset().top > $(document).height()-$(window).height()){
    dest=$(document).height()-$(window).height();
    }else{
    dest=$(this.hash).offset().top;
    }
    //go to destination
    $('html,body').animate({scrollTop:dest}, 1500,'swing');
    });

    最佳答案

    $('.nav').click(function(){
    $('.nav').removeClass('active');
    $(this).addClass('active');
    });

    关于javascript - 想要激活当前的 <li>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29182451/

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