header-logo
Getting started with WixLearn how to build your website and business using Wix.
Creating a websiteDesign and manage your site with smart functionalities.
Account & billingManage subscriptions, plans and invoices.
Using the Wix mobile appsRun your business and connect with members.
Connecting a domainLearn to purchase, connect or transfer a domain to your site.
Managing your businessGet tools to grow your business and web presence.
Promoting your siteBoost your visibility with SEO and marketing tools.
Studio, Partners & EnterpriseGet advanced features to help you work more efficiently.
Need more help?Find solutions, learn about known issues or contact us.
placeholder-preview-image
Wix LearnImprove your skills with our courses and tutorials.
Wix BlogGet tips for web design, marketing and more.
SEO Learning HubLearn to increase organic site traffic from search engines.
Website developmentBuild a custom site using our full-stack platform.
Hire a ProfessionalGet matched with a specialist to help you reach your goals.
placeholder-preview-image
In this article
  • Adding a scroll effect
  • Available scroll effects

Wix Editor: Applying Background Scrolling Effects to Your Strip

2 min
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
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:

  1. Click the strip in the editor.
  2. Click the Background Scroll Effects icon .
  3. Select a scroll effect. 
  4. (Optional) Preview your site to see the scroll effects in action.
screenshot of background scroll effects panel for strip in wix editor.

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).
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.

Helpmate

Hello

Need a bit more guidance?
Summary of this article
Related articles
Wix Editor: Attaching Elements to Strips and Columns

Wix Editor: Changing Your Strip Background

Wix Editor: Changing Your Strip Settings
Unlock personalized helpLog in to get the most out of Helpmate.