Setup the Skin on Scroll Effect in Elementor

The Skin on Scroll Effect template is an amazing feature to use when you have sections with different background colors. Now it is also available on Elementor combined with the Impeka Widgets. You would need to install and activate the Elementor and Elementor Extension plugins.

The result is to get a smooth change on sections while scrolling by mixing the colors of each section. So every section will have a mixing colors background with the previous and the next section.

You can find this page template in Page Attributes/Page Layout.

Skin on Scroll Effect template in Elementor - Impeka
Skin on Scroll Effect template in Elementor – Impeka

Let’s see more specifically how to create a page with this effect.

Firstly, you add background to your sections (color/image).

Then, you can add the Scroll Header Skin, to change the header on this section, and the Scrolling Section Title if you want to use the Section Navigation of Impeka. So, if you have a light background color you will select the Dark header skin.

Scroll Header Skin in Elementor - Impeka
Scroll Header Skin in Elementor – Impeka

You can also disable the Skin Effect on all elements in a column if you need. This is helpful for columns with different background colors.

Column Skin Effect in Elementor - Impeka
Column Skin Effect in Elementor – Impeka

This template is also available with the enhanced page builder of Impeka (WPBakery Page Builder + WPBakery Extension)