Desplazamiento automático en páginas web

Daniel Muñoz

1

Pi

Programador

Verificado

Verificación en dos pasos activada

Verificado por Binance

¡Usuario popular!

Suscripción a IA

• 15 Jun 2015

• #1

Hola amigos disculpen el titulo tan feo, pero no se a que me estoy refiriendo.

He visto en varias paginas webs, que hay secciones o menús donde le das clic y te envían a una parte inferior o superior de la pagina de manera automática, sin tener que recargarla.

¿Alguien sabe como se llama esto, o como se hace?

- - - Actualizado - - -

Por ejemplo esta web, http://html5up.net/read-only

 

kanikase

Préstamo impago

1

Xi

Programador

Verificación en dos pasos activada

Suscripción a IA

• 16 Jun 2015

• #2

Lo puedes hacer con un "ancla", y con jquery para darle un efecto.

Por ejemplo este te llevaría al incio del post:

Insertar CODE, HTML o PHP:

$('body,html').animate({
scrollTop: $("#post_3460278").offset().top
});

 

C

comors

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 16 Jun 2015

• #3

también te puedes desplazar hacia una id de la pagina, creando un enlace en el que al final pones "#id-que-quieras"

 

esmigol

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 16 Jun 2015

• #4

comors dijo:

también te puedes desplazar hacia una id de la pagina, creando un enlace en el que al final pones "#id-que-quieras"

Hacer clic para expandir...

Eso es. Pones un ancla (enlace interno) y listo.

El lugar de la página donde quieres que te lleve le pones un nombre >>> #loquequieras

Y el enlace donde quieres que pulsen le pones de url el nombre que habías elegido tal que así: Te lo adjunto en imagen:

 

Última edición: 16 Jun 2015

JancoBH

Gamma

Programador

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 20 Jun 2015

• #5

Te dejo un ejemplo con Bootstrap

Tryit Editor v2.5

 

Última edición: 20 Jun 2015