Wix Editor: Applying Background Scrolling Effects to Your Strip
2 min read
In this article
- Adding a scroll effect
- Available scroll effects
Background scroll effects are a fun, creative way to catch your visitor's attention and encourage them to further explore your site.
![gif of scroll effect being applied to strip on wix site](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/10/26/226b9d0f-cb17-4e06-9eef-3cea999fe35e/5901e994-227c-4212-bbaf-eb8d33edb4d4.gif)
Important:
- You can only see scroll effects in preview or on your live site. The way it is displayed inside the editor is not how it looks on the live site.
- It is not possible to add a scroll effect to your strip if you have added columns to it.
- Scroll effects are not displayed on the mobile version of your site.
Adding a scroll effect
Add an effect to begin creating a dynamic experience for your site visitors. You can add different effects to different strips, so play around and build exciting, unique site pages.
To add a scroll effect:
- Click the strip in the editor.
- Click the Background Scroll Effects icon
.
- Select a scroll effect.
- (Optional) Preview your site to see the scroll effects in action.
![screenshot of background scroll effects panel for strip in wix editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/14/1bb99c6a-c1ee-4a92-a21d-0b976233f5f1/fa0bc816-e20d-4e27-af39-808e60a9cc41.png)
Available scroll effects
Choose from Fade in or Fade out effect to boost visitor engagement.
Click an option below to learn more about each effect.
Note:
Available effects vary based on the strip background that you select (e.g., image, video, or color).
Fade In
Fade Out
Note:
To create scroll effects, the strip image / video size is increased to fill the page. To avoid distortion, use large, high-quality images and videos.