< Back to Code

Change background color of sticker section when scroll (no plugin)

This is a sticky section.

Please scroll down

Desktop only–

After make the section Sticky

(go to Section > Advanced > Motion Effect > Sticky Top)

Also in Advanced Tab > Custom CSS. Apply this code

selector.elementor-sticky--active{
/* change to the color of your choice */
background: #ccc;
}

If you want to add some effect, for example resize image

selector.elementor-sticky--active{
background: #ccc;
}

selector img{
transition: 0.5s;
}

selector.elementor-sticky--active img{

scale: 0.5;
}

© Copyright by JAYbranding – All rights reserved.

Chúng tôi mong muốn tư vấn chi tiết hơn cho quý khách.
Vui lòng nhập thông tin để nhận tự vấn