我想使用jQuery动画scrolltop的滚动效果,但它不工作,我不明白为什么。jQuery animate scrolltop它不工作
我的整个代码可以在这里找到... https://codepen.io/andresq820/project/editor/Aogyqr
我的导航栏有我接着让每个部分上贴有以下链接和每个js--
<div class="menu-section">
<ul class="main-nav js--main-nav">
<li class="js--scroll-to-main"> <a href="#header">Inicio</a> </li>
<li class="js--scroll-to-about_us"> <a href="#section-about_us">Nosotros</a> </li>
<li class="js--scroll-to-services"> <a href="#section-services">Servicios</a> </li>
<li class="contact-link js--scroll-to-contact_us"> <a href="#section-contact" class="separator">Contactanos</a> </li>
</ul>
</div>
开始了jQuery类各阶级,我想滚动土地如下
<section class="section-about_us js--section-about_us" id="section-about_us">
<section class="section-services js--section-services" id="section-services">
<section class="section-contact js--section-contact" id="section-contact">
我的jQuery代码低于
/* scroll buttons/links */
$('.js--scroll-to-main').click(function(){
$('html, body').animate({scrollTop: $('header').offset().top}, 1000);
});
$('.js--scroll-to-about_us').click(function(){
$('html, body').animate({scrollTop: $('.js--section-about_us').offset().top}, 1000);
});
$('.js--scroll-to-services').click(function(){
$('html, body').animate({scrollTop: $('.js--section-services').offset().top}, 1000);
});
$('.js--scroll-to-contact_us').click(function(){
$('html, body').animate({scrollTop: $('.js--section-contact').offset().top}, 1000);
});
你在你的问题包括代码工作正常,那么问题是另一回事。您的codepen示例在控制台中充满了错误,因此很难说出发生了什么问题,但是如果您在实际代码中收到任何javascript错误,它将阻止任何进一步的javascript工作。 – FluffyKitten