0
206
Vistas¿Es posible agregar una imagen de fondo al área de rebote de desplazamiento en html?
La mayoría de los navegadores admiten el rebote de desplazamiento en los sitios web, de modo que cuando se desplaza hacia la parte superior o inferior de un sitio web, "rebota", en lugar de detenerse abruptamente.
Normalmente, el área adicional expuesta cuando la página "rebota" es completamente blanca, pero puede aplicar un elemento de color de fondo a la etiqueta <html> , y esta área adicional tomará ese color (puede ver esto descrito y en acción aquí: Sitio de ejemplo )
Aquí puede ver el rebote de desplazamiento con un color personalizado, en lugar del blanco: 
El efecto que quiero lograr es que cuando la página rebote, el área de rebote de desplazamiento tenga una imagen de fondo, en lugar de un color simple. Creo que este efecto podría verse bien con algunos íconos simples en mosaico con la marca del sitio. Recuerdo haber visto este efecto hace algunos años en css-tricks.com , pero no sé cómo se logró el efecto, o si la forma en que se hizo ha quedado obsoleta desde entonces.
Por lo que entiendo, no es posible agregar una propiedad de imagen de fondo a la etiqueta <html> , pero ¿es posible a través de una solución alternativa? ¿Quizás cancelar el comportamiento de rebote de desplazamiento con la propiedad de comportamiento de desplazamiento excesivo y crear un efecto de aspecto similar con javascript cuando se desplaza por encima o por debajo de los bordes de la página?
1 Respuestas
Responde la pregunta0
No estoy seguro de si esto funcionará (ya que no lo he probado), pero puede tomar un elemento de imagen con position: absolute/fixed (absoluta o fija dependiendo de dónde se coloque su etiqueta img) y establecer - bottom: <height of the image> y left: 0 . De esta manera, técnicamente, la imagen existe sobre la ventana gráfica y solo será visible si intentó desplazarse más allá de la barra de navegación, lo que provocará el efecto de rebote.