Publicidad sticky

Se puede definir como un cuadro de publicidad que "te sigue" mientras haces scroll por cierta área, realmente es muy sencillo establecerla con css. Digamos que a un cuadro de publicidad, simplemente le añades la siguiente definición css

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

Es claro que este tipo de publicidad o lo que sea que decidas poner ahí, es útil para versiones de escritorio.

Ejemplo de texto que no se pueda copiar

en definición de estilo:

   <style>
   article { 
      user-select:none;
      -webkit-user-select:none; 
   }
   </style>

Párrafo 1 que si se puede seleccionar para copiar

<article> Párrafo 2 que no se puede seleccionar para copiar </article>

Párrafo 3 que si se puede seleccionar para copiar

Si seleccionas del párrafo 1 al 3 y lo copias, verás que solo se copiará el 1 y el 3

p u b l i c i d a d

en el recuadro gris debería aparecer una publicidad, pero aún si no fuese así, se debe desplazar con el scroll, durante el área contenedora.

otro contenido

a partir de aquí hacia abajo, ya no debería correr el sticky

a partir de aquí hacia abajo, ya no debería correr el sticky

a partir de aquí hacia abajo, ya no debería correr el sticky

a partir de aquí hacia abajo, ya no debería correr el sticky

a partir de aquí hacia abajo, ya no debería correr el sticky

a partir de aquí hacia abajo, ya no debería correr el sticky

a partir de aquí hacia abajo, ya no debería correr el sticky

a partir de aquí hacia abajo, ya no debería correr el sticky

a partir de aquí hacia abajo, ya no debería correr el sticky

a partir de aquí hacia abajo, ya no debería correr el sticky

a partir de aquí hacia abajo, ya no debería correr el sticky

a partir de aquí hacia abajo, ya no debería correr el sticky

a partir de aquí hacia abajo, ya no debería correr el sticky

a partir de aquí hacia abajo, ya no debería correr el sticky

a partir de aquí hacia abajo, ya no debería correr el sticky

a partir de aquí hacia abajo, ya no debería correr el sticky

a partir de aquí hacia abajo, ya no debería correr el sticky

otro contenido, otra publicidad sin sticky