si tengo el siguiente código JS:
//Scroll Down button $(window).scroll(function () { if ($(this).scrollDown() > 100) { $('.containerScroll').fadeIn('slow'); } else { $('.containerScroll').fadeOut('slow'); } }); $('.containerScroll').click(function () { $('html, body').animate({ scrollTop: 0 }, 1500, 'easeInOutExpo'); return false; });Básicamente, esto es para la animación del botón Atrás superior, donde si el usuario hace clic en el botón, lo lleva de regreso a la página de inicio con un desplazamiento suave. Me gustaría lo contrario. ¿Hay alguna manera de modificar el código JS anterior para que cuando el usuario haga clic en el botón, lleve al usuario a la página que desee? En este momento, esto se desplaza hasta la parte superior y lleva al usuario solo a la página de inicio del sitio web, pero ¿cómo puedo hacer que lleve al usuario a cualquier página del sitio web?
Esto es lo que tengo en el archivo HTML:
<a href="#about" class="containerScroll"> <div class="first-scroll"></div> <div class="second-scroll"></div> </a>Básicamente, me gustaría que el usuario vaya a la sección Acerca de de la página en lugar de a la página de inicio. ¿Alguna sugerencia sobre cómo lograr esta tarea?
Puede establecer el valor scrollTop en el desplazamiento de cualquier elemento que desee. Por ejemplo:
$('html, body').scrollTop($('#about').offset().top); establecerá scrollTop en la parte superior del elemento con id about obtener su desplazamiento.
O podría usar animar como lo hizo en su ejemplo:
$('html, body').animate({ 'scrollTop': $('#about').offset().top }, 1500);hasta arriba
window.scrollTo({ top: 0, behavior: 'smooth' });al elemento
const element = getElementById("someElement"); //you can do it by jquery. no matter element.scrollIntoView({behavior: "smooth", block: "end", inline: "nearest"});MDM: desplazarse hacia la vista
MDM: desplazarse a