Javascript 菜单滚动动画页面

Javascript 菜单滚动动画页面,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我有一个代码,当我点击菜单时,它会在滚动中找到带有动画的锚定标记,但今天,我的代码突然无法工作,我没有触摸我的代码发生了什么 这是我的html代码: <ul class="nav nav-list flex-column mb-4 show-bg-active" id="sidebarList"> <li class="nav-item"><a class="nav-link" data-hash data-hash-offset="110" href="#w

我有一个代码,当我点击菜单时,它会在滚动中找到带有动画的锚定标记,但今天,我的代码突然无法工作,我没有触摸我的代码发生了什么

这是我的html代码:

<ul class="nav nav-list flex-column mb-4 show-bg-active" id="sidebarList">
   <li class="nav-item"><a class="nav-link" data-hash data-hash-offset="110" href="#who-we-are">Who We Are</a></li>
   <li class="nav-item"><a class="nav-link" data-hash data-hash-offset="110" href="#history">History</a></li>
   <li class="nav-item"><a class="nav-link" data-hash data-hash-offset="110" href="#mission-vision">Mission &amp; Vision</a></li>
   <li class="nav-item"><a class="nav-link" data-hash data-hash-offset="110" href="#leadership">Leadership</a></li>
   <li class="nav-item"><a class="nav-link" data-hash data-hash-offset="110" href="#partners">Partners</a></li>
</ul>

<section id="who-we-are" class="mb-4">WHO WE ARE</section>
<section id="history" class="mb-4">HISTORY</section>
<section id="mission-vision" class="mb-4">MISSION AND VISION</section>
<section id="leadership" class="mb-4">LEADERSHIP</section>
<section id="partners" class="mb-4">PARTNERS</section>

这段代码运行良好。您需要设置
min height

$(文档)。在('click','a[href^=“#”]”上,函数(){
$('html,body')。设置动画({
scrollTop:$('section[id=“”+this.hash.slice(1)+'''']).offset().top-100
}, 800);
返回false;
});
.mb-4{
最小高度:250px;
}

我们是谁 历史 使命和愿景 领导层
合作伙伴
此代码工作正常。您需要设置
min height

$(文档)。在('click','a[href^=“#”]”上,函数(){
$('html,body')。设置动画({
scrollTop:$('section[id=“”+this.hash.slice(1)+'''']).offset().top-100
}, 800);
返回false;
});
.mb-4{
最小高度:250px;
}

我们是谁 历史 使命和愿景 领导层 合作伙伴
$(文档)。在('click','a[href^=“#”]”上,函数(事件){
event.preventDefault();
$('html,body')。设置动画({
scrollTop:$($.attr(此'href')).offset().top
}, 500);
});
部分{
高度:100vh;
背景色:#eee;
}
保险商实验室{
高度:100vh;
}

我们是谁 历史 使命和愿景 领导层 合作伙伴
$(文档)。在('click','a[href^=“#”]”上,函数(事件){
event.preventDefault();
$('html,body')。设置动画({
scrollTop:$($.attr(此'href')).offset().top
}, 500);
});
部分{
高度:100vh;
背景色:#eee;
}
保险商实验室{
高度:100vh;
}

我们是谁 历史 使命和愿景 领导层
合作伙伴
控制台上有什么错误?您可以发送页面的URL吗?控制台上有什么错误?您可以发送页面的URL吗?接受答案…:)接受答案……:)
 $(document).on('click', 'a[href^="#"]', function () {
    $('html, body').animate({
        scrollTop: $('section[id="' + this.hash.slice(1) + '"]').offset().top-100
    }, 800);
    return false;
});