Build along to create a horizontal scroll effect

preview_player
Показать описание
Follow along and recreate this horizontal scroll effect on Wix Studio and tell a story with your design.

Horizontal scroll is a great trick to have up your sleeve when you want to subvert visitors’ expectations and create an immersive scrolling experience. In this tutorial, one of our in-house designers used horizontal scroll to present a space exploration story in a dynamic way that keeps visitors hooked.

Get the assets used in this tutorial in the Wix Studio Academy:
—

Learn more about Wix Studio:
Get started with our Essentials course:
Join the Wix Studio Community:

Follow us on social media:

About Wix Studio:
The end-to-end platform for agencies and enterprises to create and manage exceptional sites with extreme efficiency. Smart design features, flexible dev tools and streamlined management capabilities mean you can do more, at scale.

Subscribe to our channel:
  1. Wix Studio
  2. Wix Studio horizontal scroll tutorial
  3. Immersive scrolling experience on Wix
  4. scroll effects for Wix Studio
  5. horizontal scroll on Wix Studio
  6. Scroll effects walkthrough
Рекомендации по теме
Build along to 0:05:15

Build along to create a horizontal scroll effect

Build along to 0:06:11

Build along to create an interactive team section

Build along to 0:05:05

Build along to create an image change hover effect with entrance animation

Build along to 0:04:59

Build along to create an image-blend scroll effect

Build along to 0:03:02

Build along to create a unique parallax animation

Build along to 0:04:44

Build along to create a scroll effect with spinning and changing elements

Build along to 0:02:08

Build along to create a half sticky, half scrolling design

Build along to 0:04:58

Build along to create an ’80s vibes scroll experience (Part 1)

Tsinghua Open Courses 1:21:20

Tsinghua Open Courses | Chinese companies investing abroad - Challenges and capability building

Build along to 0:04:33

Build along to create a text color reveal effect

Build along to 0:10:35

Build along to create a card hover effect on Wix Studio

Build along to 0:02:55

Build along to create a frame that stays in view as you scroll

Build along to 0:03:21

Build along to create an interactive section with a mouse parallax effect

Dungeon Build Along 0:03:40

Dungeon Build Along - SEASON 2 - Part 1

Build along to 0:03:50

Build along to create a 3D animated section with a mouse parallax effect on Wix Studio

Code along - 0:36:34

Code along - build an ELT Pipeline in 1 Hour (dbt, Snowflake, Airflow)

Build along to 0:04:06

Build along to create an interactive grid section with custom cursor on Wix Studio

Build along to 0:04:04

Build along to create an ’80s vibes scroll experience (Part 2)

Build along to 0:03:09

Build along to create a gradient color change on scroll effect on Wix Studio

MAKING A HANDMADE 0:14:55

MAKING A HANDMADE ENVELOPE STYLE LEATHER IPAD COVER - DIY BUILD ALONG - ASMR

Build along to 0:03:10

Build along to create an interactive bento box

Making a Slim 0:25:58

Making a Slim Leather Card Wallet - Build Along Tutorial

DIY Shed Building: 0:14:06

DIY Shed Building: Learn From My Mistakes!

MAKING A HANDMADE 0:08:35

MAKING A HANDMADE LEATHER BELT - DIY BUILD ALONG - ASMR

Комментарии
Автор

Can you please share the tutorial for animations. and text responsiveness.

Kunal_Singh
Автор

If i make the dekstop screen smaller, the horizontal scroll doesn't fit the hole container. So if I have scrolled al the way to the bothem, not the hole container is shown. How can i fix this?

dikkevettehuts
Автор

Is there a way to synchronise the scrolling of the carousel to the scrolling of the page? Ie. As the user scrolls down the page, the carousel simultaneously scrolls as well?

IamJoshDylan
Автор

Great tutorial, is it possible to have the asset used in this video? Please😢

vivianokeke
Автор

i now added this premade that you did. but i cant switch to the "second" picture whats the problem there, i want to edit the text

oaxisshop
Автор

Please any discount code for wix studio

endtimeprophecy
Автор

Is there a way I can access this template? (not just the brand assets)

nadinedaff
Автор

where is the 'animation type: from its design' it only shows in or out?

nataliatabora
Автор

How am I supposed to add my own design when I’m unable to view ???

yourlocalpapiii
Автор

why did we add the third row? we didn't use it I guess

puranmehra
Автор

You lost me when you brought in your asset. Can you point me to instructions on how to create this without the asset?

peteross