Wix Editor: Adding Scroll Effects to Image Backgrounds

読了目安: 3分
Add depth to your site by adding scroll effects on image backgrounds.
Background scrolling creates a fun, unique effect as visitors navigate your site, and you can apply either freeze or parallax to suit your site's look and content.
この記事では、その詳細について説明する:
重要だ:
You can only see scrolling 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.

Adding parallax scrolling to a background image

Parallax scrolling on background images creates a feeling of depth and layers on your site.
Your page background and content on top move at different speeds, creating a cool and fun experience for your visitors.
重要だ:
Parallax scrolling is not displayed on the mobile version of your site.

To add a parallax effect:

  1. Go to the relevant page in your Editor. 
  2. クリック Site Design  エディターの左側にある
  3. Hover over Page Background and click Customize.
  4. クリック 設定  on the background image preview.
  5. Select Parallax under Scroll Effects.
GIF showing a live Wix site with Parallax scrolling on the image background.
注:
As this effect requires the image to fill the full page, we recommend using large, high quality images for your page background.

Adding freeze scrolling to your background image

Add a freeze effect to your page background image. This means your page background doesn't move while visitors scroll up and down, but the content on top does.
Freeze is the perfect effect to make your site pages sophisticted and dynamic, and encourages your visitors to keep exploring.

To add a freeze effect:

  1. Go to the relevant page in your Editor. 
  2. クリック Site Design  エディターの左側にある
  3. Hover over Page Background and click Customize.
  4. クリック 設定  on the background image preview.
  5. Select Freeze under Scroll Effects.
GIF showing a live Wix site with Freeze scrolling on the image background.

これは役に立ったか?

|