Estoy creando un slide responsive css jquery, este es el ejemplo del slide de página, quiero hacer uno como este: https://www.artfactory.es/es.
No se como hacer para que el primer botón del slide que esta vinculado con el div HOME este active por defecto // resuelto con la clase active
Cómo hacer que el smooth scroll funcione bien ya que con dos links funciona bien pero si pongo un tercero o cuarto estos dos últimos no van bien, ¿cómo lo puedo solucionar?
Adjunto el código html y jquery
<div id="fullpage">
<div id="nav">
<!-- menu -->
<div class="menu">
MENU
</div>
<!-- fin del menu -->
</div>
<!-- fin del nav -->
<!-- nav_right -->
<div class="nav_right">
<ul>
<li><a href="#home"><span class="active"></span></a></li>
<li><a href="#nosotros"><span></span></a></li>
<li><a href="#trabajos"><span></span></a></li>
<li><a href="#trabajos2"><span></span></a></li>
</ul>
</div>
<!-- fin del nav_right -->
<!-- HOME -->
<div id="home">HOME
<div class="mouse"></div>
</div>
<!-- fin del HOME -->
<div id="nosotros">NOSOTROS
<div class="mouse"></div>
</div>
<!-- fin del NOSOTROS -->
<div id="trabajos">TRABAJOS
<div class="mouse"></div>
</div>
<!-- fin del NOSOTROS -->
<div id="trabajos2">MUNCA
<div class="mouse"></div>
</div>
<!-- fin del NOSOTROS -->
</div>
<!-- fin del fullpage -->
Este es JS
$('a[href^="#"]').click(function(event){
//Aquí elimina el evento normal de la etiqueta <a>
event.preventDefault();
//Aquí cojemos el elmento
var elem=$(this).attr("href");
$("html, body").animate({
scrollTop: $(elem).offset().top
},800);
});
});