[英]Scrolltop animation not working
我正在使用此js滚动到页面的ID。 我从w3学校获得了它,并且它可以在其他站点上使用,所以我不明白为什么它在我的新站点上不起作用。 它会转到页面的正确部分,但不会执行滚动动画。
JS:
<script>
$(document).ready(function () {
$(".navbar a, footer a[href='#myPage']").on('click', function (event) {
if (this.hash !== "") {
event.preventDefault();
var hash = this.hash;
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 900, function () {
window.location.hash = hash;
});
}
});
})
</script>
html导航栏代码:
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about">ABOUT</a></li>
<li><a href="#clients">CLIENTS</a></li>
<li><a href="#sessions">SESSIONS</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
如果您需要查看其他任何代码,请告诉我。 谢谢!
那应该工作。
您确定新站点正在使用jQuery,并且要滚动到的元素的ID是否正确?
您的控制台显示错误吗?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.