header-logo
Getting started with WixBuild your website and business with Wix. Try using our AI tools to create your website, customize templates, or hire professionals to build or enhance your online presence.
Creating a websiteRead how to use the Wix Editor and manage content on your site. Discover how to protect your visitors' privacy and make your site accessible.
Account & billingReview your account settings, manage your subscriptions and plans and understand your invoices.
Using the Wix mobile appsUse our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch.
Connecting a domainFollow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.
Managing your businessGet tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.
Promoting your siteLearn to make your site more visible promoting it on search engines, sending emails and running paid ads. Improve your online presence with practical tips.
Studio, Partners & EnterpriseGet the most out of your Studio or Enterprise account with advanced features that'll help you work more efficiently.
Need more help?Find solutions for site performance and technical issues, learn about issues we’re working to fix or contact us for help.
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

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?
Unlock personalized helpLog in to get the most out of Helpmate.