no puedo hacer un Scroll progresivo desde una animación de texto hacia la sección contacto.
div class="wrapper">
<article id="shufle">
<div class="container">
<p class="fading-texts text-center">
<span>kljljljllj</span>
<span>lkjljljljkljljljljljjlj </span>
<span>lkjkljkljkljljl </span>
<!-- <span>kjlkkjlkjljlj</span> -->
<span>Ponte en contacto conmigo <a class="goto" href="#contact">para una cita. Es rápido y fácil</a></span>
</p>
<p class="read-on">
<a href="#about" class="goto">
<span class="goDown">
<i class="fa fa-chevron-down fa-cog-white"></i>
</span>
<span class="htxt">Read on </span>
</a>
</p>
</div>
</article>
Desde el span que tiene el enlace con la clase goto, es donde no me funciona tambíen en el parrafo "read-on" tengo un ancla con la misma clase .goto y esta ancla si me funciona bien el scroll. El menú principal tambíen me funciona el scroll progresivo.
el .js lo tengo asi.
$('nav a').click(function(e){
e.preventDefault();
$('html, body').stop().animate({scrollTop: $($(this).attr('href')).offset().top}, 1000);
});
$('.goto').click(function(e){
e.preventDefault();
var href = $(this).attr('href');
var offsetTop = $(href).offset().top;
$('html,body').animate({scrollTop: offsetTop}, 1000);
});