¿donde encontrar un pedazo de codigo que haga esto como un atajo?

iniciopublic · #1 (**permalink**) 09/02/2014, 14:34

hola a todos ,creo que es con java script o css es que no se como se llama pero puedo dar una descripción

cuando hay una lista larga aparece un botón flotante para volver arriba al inicio , como por ejemplo lo que tiene taringa cuando los post los largos esta un botón que te lleva al principio

le agradezco su pronta respuesta

saludos

pzin · #2 (**permalink**) 09/02/2014, 14:45

Ni JavaScript, ni CSS; HTML.

Basta con que pongas algo así:

Código HTML:

Ver original<body id="top">

Y luego un enlace a ese identificador:

Código HTML:

Ver original<a href="#top" id="volver_arriba">Volver arriba</a>

Y ya que sea flotante lo puedes hacer con CSS:

Código CSS:

Ver original#volver_arriba {
  position: fixed;
  right: 20px;
  bottom: 20px;
}

iniciopublic · #3 (**permalink**) 09/02/2014, 15:01

Cita:

Iniciado por pzin

Ni JavaScript, ni CSS; HTML.

Basta con que pongas algo así:

Código HTML:

Ver original<body id="top">

Y luego un enlace a ese identificador:

Código HTML:

Ver original<a href="#top" id="volver_arriba">Volver arriba</a>

Y ya que sea flotante lo puedes hacer con CSS:

Código CSS:

Ver original#volver_arriba {
  position: fixed;
  right: 20px;
  bottom: 20px;
}

gracias me funciono

tienes idea de como hacer con un if si aumenta el scroll aparezca cuando haya un cierto tamaño?

PHPeros · #4 (**permalink**) 10/02/2014, 09:52

Ahí ya sería obligatorio el uso de JavaScript (Bien!).

Para medir puedes usar pageXOffset.