Poner publicidad sticky en página web (deslizable)

publicidad-sticky.jpg

Hay cierta publicidad que sobre todo en escritorio, cuando te deslizas hacia abajo o hacia arriba "te sigue", normalmente ubicada en el lado derecho. Básicamente es un cuadro que le establecemos la propiedad css "sticky" y que se queda así pues, pegada al scroll mientras está visible su contenedor. Aquí se puede ver el ejemplo de publicidad sticky, aunque esta propiedad se puede utilizar para lo que se nos ocurra.

En css definimos algo como

 <style;>
   .sticky {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
   }

Y ese estilo definido lo metemos en un contenedor más grande, por ejemplo una barra lateral. Mientras ese contenedor sea mas grande, al llegar al inicio y movernos hacia abajo veremos que el cuadro definido como sticky nos seguirá hasta terminar el contenedor. Es mejor verla en escritorio en el ejemplo de publicidad sticky, ahí se logra apreciar perfectamente.

No se requiere javascript ni alguna otra cosa, sólo ese fragmento de CSS.

+ fotos / videos

https://panchito-kardashian.tar.mx/media/2021/07/publicidad-sticky.jpg

Almacenado en publicidad, Desarrollo Web, web

por Jorge Martínez Mauricio :)

blog / fotos / archivo

Poner publicidad sticky en página web (deslizable)

tar.mx es un blog sobre fotografía, tecnología y otras chunches

modificado viernes 16 de julio de 2021, 10:54

cuentame