He instalado un sistema para suavizar el scroll a un ancla con una animación por otro lado típica.
He utilizado el script que podéis ver aquí:
https://css-tricks.com/snippets/jque...oth-scrolling/
Y en funcionamiento aquí:
https://css-tricks.com/examples/SmoothPageScroll/
El problema es que llego a la página en cuestión desde otra con un enlace con el ancla. Una vez en ella tengo un juego de enlaces en un listado con el típico contenido debajo al estilo página de FAQs. Como es lógico, la URL ya contiene el hash del ancla, pero si pulsas cualquiera de los enlaces en el listado el hash sigue siendo el mismo a pesar de que has pulsado un enlace que contienen su propio hash a un ancla.
Es decir, el script impide que cambie el hash the la URL. Si lo quitas cuando pulsas uno de los enlaces la página se refresca y aparece el nuevo hash en la URL.
Como véis en la segunda URL, aunque los enlace contiene un hash, la url siempre es la misma al final pulses lo que pulses:
"https://css-tricks.com/examples/SmoothPageScroll/"
¿Sabéis si es posible hacer que se pueda cambiar el hash del URL pero manteniendo la animación en cuestión?
Dejando a un lado la librería que se carga, el código es:
Código:
<script>
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>
Gracias.
