el caso es que tengo una SPA en la que funciono con anclas y va de lujo, pero la politica de privacidad por ejemplo la tengo en otra pagina aparte, para consultarla y eso, la cosa es que la plantilla es la misma y quiero que estando en la pagina privacidad, si haces click en el menu en horarios se vaya a la seccion horarios de la pagina principal... y no se va.
Enlaces pagina de privacidad:
<li class="active">
<a href="index.php">Inicio</a>
</li>
<li><a href="index.php#horarios">Horario</a></li>
<li><a href="#alquiler">Presupuestos</a></li>
<li><a href="#flota">Nuestra Flota</a></li>
<li><a href="about.html">Sobre Nosotros</a></li>
<li><a href="sugerencias.php">Sugerencias</a></li>
<li><a href="">Noticias</a></li>
<!-- <li><a href="booking.html">Book Online</a></li> -->
</ul>
Enlaces pagina principal que si funcionan, haces la animacion y tal:
<ul class="site-menu js-clone-nav mx-auto d-none d-lg-block">
<li class="active">
<a href="index.php">Inicio</a>
</li>
<li><a href="#horarios">Horario</a></li>
<li><a href="#servicios">Servicios</a></li>
<li><a href="#alquiler">Presupuestos</a></li>
<li><a href="#flota">Nuestra Flota</a></li>
<li><a href="sugerencias.php">Sugerencias</a></li>
<li><a href="">Noticias</a></li>
<!-- <li><a href="booking.html">Book Online</a></li> -->
</ul>
Añado la funcion de animacion por si tiene algo que ver:
$('a[href*="#"]').on('click', function (e) {
e.preventDefault()
$('html, body').animate(
{
scrollTop: $($(this).attr('href')).offset().top,
},
500,
'linear'
)
})
$(window).scroll(function() {
if ($(this).scrollTop() > 300) {
$('a.scroll-top').fadeIn('slow');
} else {
$('a.scroll-top').fadeOut('slow');
}
});
$('a.scroll-top').click(function(event) {
event.preventDefault();
$('html, body').animate({scrollTop: 0}, 600);
});
booking.html
esta en el mismo directorio de que la pagina de privacidad?