Hola buenas tardes tengo un menú donde utilizo waypoint para iluminar el botón según en la zona del scroll que es este en la web. Pero claro, necesito que al pulsar también esos botones me lleve hasta el id haciendo el scroll necesario, ya sea hacia arriba o hacia abajo. Ahora mismo lo tengo así:
<div class="col-3 filtraCookies">
<div class="sticky-top2" id="menuSticky">
<a rel="page-scroll" href="#used" id="usedMenu" class="activado-filtroCookies">USED ON THIS WEBSITE</a>
<a rel="page-scroll" href="#desactivation" id="desactivationMenu" class="">DESACTIVATION/ELIMINATION</a>
</div>
</div>
Con el a rel="page-scroll" href="#used"
me lleva hasta ese punto, pero es posible animar ese scroll? yo cuando lo hacia en un botón concreto y un id concreto lo hacia así:
$("#usedMenu").on("click", function () {
$('html, body').animate({
scrollTop: $("#used").offset().top
}, 2000);
});
Pero tendría que hacer manualmente uno por uno, además de que esto solo hace scroll hacia abajo, no se si me confundo. Hay forma de aplicárselo a todos el scroll?