Foros del Web » Creando para Internet » Diseño web »

Aparecer al hacer scroll

Estas en el tema de Aparecer al hacer scroll en el foro de Diseño web en Foros del Web. Hola buenas, mirad, yo quiero hacer un botón que sirva para subir al principio de la página, eso ya lo tengo. Lo que quiero y ...
  #1 (permalink)  
Antiguo 09/05/2013, 06:11
Avatar de Germano6  
Fecha de Ingreso: mayo-2013
Mensajes: 61
Antigüedad: 11 años, 6 meses
Puntos: 0
Pregunta Aparecer al hacer scroll

Hola buenas,
mirad, yo quiero hacer un botón que sirva para subir al principio de la página, eso ya lo tengo.
Lo que quiero y no consigo es que aparezca cuando hago scroll hacia abajo en la página. Pongo un ejemplo por si acaso.

http://www.hotelmariamanuela.com/

Por favor necesito código para hacer que aparezca, nada más. No necesito ni que suba deslizando ni lo de que salga al poner el ratón, sólo que aparezca al bajar.
  #2 (permalink)  
Antiguo 11/05/2013, 20:13
Avatar de ggomez91  
Fecha de Ingreso: octubre-2008
Mensajes: 181
Antigüedad: 16 años, 1 mes
Puntos: 13
Respuesta: Aparecer al hacer scroll

Este evento te puede servir: https://developer.mozilla.org/en-US/...indow.onscroll
También hay una función bonita de jquery que usa eso: http://api.jquery.com/scroll/
  #3 (permalink)  
Antiguo 13/05/2013, 09:08
Avatar de Germano6  
Fecha de Ingreso: mayo-2013
Mensajes: 61
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Aparecer al hacer scroll

Hola,
no me refiero a que aparezca mientras hago scroll, sino que aparezca cuando yo baje un poco en la página, es decir, que al principio no se vea y cuando esté un poco más abajo que aparezca.

Saludos
  #4 (permalink)  
Antiguo 13/05/2013, 10:07
Avatar de jtsanchez  
Fecha de Ingreso: mayo-2006
Ubicación: Tlaxcala, Mexico
Mensajes: 45
Antigüedad: 18 años, 5 meses
Puntos: 10
Respuesta: Aparecer al hacer scroll

Yo uso este plugin de jQuery: http://goo.gl/WVUPM
__________________
Programando en Django desde mayo de 2013...
  #5 (permalink)  
Antiguo 15/05/2013, 12:14
Avatar de Germano6  
Fecha de Ingreso: mayo-2013
Mensajes: 61
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Aparecer al hacer scroll

Cita:
Iniciado por jtsanchez Ver Mensaje
Yo uso este plugin de jQuery: http://goo.gl/WVUPM
Gracias, es precisamente lo que busco, pero ¿cómo lo inserto?
Pongo el plugin en un .js, el css en un css....¿y las imágenes? ¿Qué hago con las imágenes?

Por favor, ayuda
  #6 (permalink)  
Antiguo 26/05/2013, 05:08
Avatar de Germano6  
Fecha de Ingreso: mayo-2013
Mensajes: 61
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Aparecer al hacer scroll

Hola, ¿alguien me ayuda? No se cómo hacerlo.
  #7 (permalink)  
Antiguo 26/05/2013, 16:18
Avatar de manuparquegiralda  
Fecha de Ingreso: junio-2012
Ubicación: Barcelona
Mensajes: 241
Antigüedad: 12 años, 4 meses
Puntos: 39
Respuesta: Aparecer al hacer scroll

Cita:
Iniciado por Germano6 Ver Mensaje
Hola, ¿alguien me ayuda? No se cómo hacerlo.
Puedes hacerlo con Javascript sin necesidad de usar Jquery

Código Javascript:
Ver original
  1. onscroll=function(){
  2.       var poscionScroll = Math.max(document.documentElement.scrollTop);
  3.      
  4.       if(posicionScroll > 10){
  5.             document.getElementByID.("UNA DIV").innerHTML = poscionScroll ;
  6.       }
  7. }

Ya puedes adaptarla a lo que tu quieras, pruebala y mira el comportamiento, ya me cuentas. Yo la utilizo para muchas cosas, ya es cuestión de hecharle imaginación
__________________
Diseño Web - Arisman Web
  #8 (permalink)  
Antiguo 19/06/2013, 09:21
Avatar de Germano6  
Fecha de Ingreso: mayo-2013
Mensajes: 61
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Aparecer al hacer scroll

Pues no lo consigo. Lo he puesto tal como tú me los has dado y lo único que he cambiado es la id de la capa, pero no funciona. ¿Alguna sugerencia?

Etiquetas: scroll
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 10:33.