Sticky Scroll Effect (Pro)

the Sticky scrolling effect allows you to set a section / widget as sticky, so that it sticks to the top or bottom of the screen.

Scroll effect

1. Edit the section / widget by clicking on its handle
2. Click on the Advanced tab on panel
3. Open the Motion effects section
4. Sticky: Choose to set your section to "stick" to the top or bottom of the screen, when scrolling
5. Sticky: Select on which devices your fixed section, desktop, tablet or mobile will be kept
6. Make up for: Push the sticky element up or down in pixels
7. Effects edit Make up for: The number of pixels the user must scroll before the sticky effect starts

Note: Effects compensation afecta solo si se agregó CSSConcepto de CSS¿Qué es el CSS?CSS es un lenguaje de programación que se usa para definir el estilo y el aspecto de un documento que se ha escrito mediante de un lenguaje de etiquetas, como HTML. Conocido además como hojas de estilo en cascada, es el que se emplea para dar colores, indicar tipos de letra o inclusive resaltar aspectos como el espacio entre items para dotar de estilo a plus ​​al elemento fijo. A continuación, se muestra un ejemplo de un conjunto típico de reglas CSS que podrían aplicarse:

selector.elementor-sticky - effects {background-color: rgba (133,130,255,0.5)! important;} selector {transition: background-color 4s ease! important;} selector.elementor-sticky - effects> .elementor-container { min-height: 80px;} selector> .elementor-container {transition: min-height 1s ease! important;}

More about Sticky