Saltar al contenido

Desplácese con el ancla sin # en la URL

La guía paso a paso o código que hallarás en este post es la resolución más fácil y válida que hallamos a esta duda o dilema.

Solución:

Tome esta respuesta de Jeff Hines usando animación de jQuery:

function goToByScroll(id)
    $('html,body').animate(scrollTop: $("#"+id).offset().top,'slow');

Si está utilizando jQuery, no olvide agregar la biblioteca a su proyecto.

Editar: Además, asegúrese de que aún “regresa false;” en el controlador de clics del enlace; de ​​lo contrario, seguirá agregando el “#div1” a su URL (gracias @niaccurshi)

scrollIntoView ¡hizo el mejor trabajo cuando todos los demás métodos fallaron!

document.getElementById('top').scrollIntoView(true);

Donde 'top' es la identificación de la etiqueta html a la que desea ir.

Haz tu vida más fácil, prueba lo siguiente y avísame si hay algo más 😉

top
 

Para tu información: Solo necesitas jugar con una/sola línea href="javascript:void(0);" onclick="window.scroll(0,1);" y te funciona

¡Que tenga un buen día!

Aquí puedes ver las reseñas y valoraciones de los usuarios

Te invitamos a añadir valor a nuestra información dando tu experiencia en las observaciones.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *