0
我想實現滾動到div我的網站http://www.dicosoftware.com有順利滾動到網站的每個部分,但它不工作。您可以前往該網站進行驗證,並且可以提供的任何反饋將不勝感激。jQuery滾動到分區onclick不工作
我在main.js文件下使用了以下jQuery函數。
$(".js--scroll-to-main").click(function(){
$('html,body').animate({scrollTop:$("#header").offset().top},2000);
});
$(".js--scroll-to-about_us").click(function({
$('html,body').animate({scrollTop:$("#sectionabout_us").offset().top},2000;
});
$(".js--scroll-to-services").click(function(){
$('html, body').animate({scrollTop:$("#section-services").offset().top},2000);
});
$(".js--scroll-to-contact_us").click(function(){
$('html, body').animate({scrollTop:$("#section-contact_us").offset().top},2000);
});
我的鏈路在一個無序列表
<ul class="main-nav hidden js--main-nav">
<li> <a class="js--scroll-to-main" href="#">Inicio</a> </li>
<li> <a class="js--scroll-to-about_us" href="#">Nosotros</a> </li>
<li> <a class="js--scroll-to-services" href="#">Servicios</a> </li>
<li class="contact-link"> <a class="js--scroll-to-contact_us" href="#">Contactanos</a> </li>
</ul>
設置,每個部分是在以下的div設置。
<header id="header"> ... </header>
<section class="section-about_us js--section-about_us" id="section-about_us"> ... </section>
<section class="section-services js--section-services" id="section-services"> ... </section>
<section class="section-contact js--section-contact" id="section-contact_us"> ... </section>