Como dicen las descripciones, he encontrado muchas cosas sobre el desplazamiento suave y la propiedad de ubicación en el script java, pero nada parece hacer lo que estoy buscando, que es simplemente imitar la función de una etiqueta html "a" (NO necesito usar el etiqueta de enlace html para este proyecto)

2
Marco Ramirez Castro 13 ene. 2017 a las 02:16

3 respuestas

La mejor respuesta

Para hacer que JQuery lleve al usuario a una URL diferente a la página (como una etiqueta de anclaje), adjunte window.location al evento.

Por ejemplo, esto:

$('#ClickMe').click(function(){ window.location = 'index.php'; });

Llevaría al usuario a index.php si hace clic en el elemento que tiene el ID "ClickMe" (por ejemplo ...

0
Paurian 12 ene. 2017 a las 23:29

Entonces, lo que obtengo es que desea desplazarse hacia abajo a un elemento sin usar la etiqueta de anclaje html Si estoy en lo cierto, suponiendo que tenga una etiqueta de entrada html

<input type="button" id="top" value="button"/>

Este script hará el trabajo

P.S #bottom_id es la identificación del elemento al que desea desplazarse. o enlace de anclaje:

<a href="#bottom" id="bottom_id"></a>

Guión:

 $("#top").click(function() {
    $('html, body').animate({
        scrollTop: $("#bottom_id").offset().top
    }, 2000);
});
3
rogerdpack 23 oct. 2017 a las 08:21

La forma jquery:

$("body").scrollTop($("[name=elementname]").position().top)

Esto obtiene la parte superior del elemento nombrado y establece la posición superior de desplazamiento en esa ubicación.

Hay un jquery plug in que hace esto de manera efectiva, pero si desea seguir recto javascript puede usar element.scrollTo como se describe en esta respuesta anterior ;

Puede encontrar una mejor documentación para esto en sitio de Mozilla. Con javascript.

1
Community 23 may. 2017 a las 11:53