Build along to create a horizontal scroll effect
Vložit
- čas přidán 25. 03. 2024
- 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:
www.wix.com/studio/academy/tu...
-
Learn more about Wix Studio:
www.wix.com/studio
Get started with our Essentials course:
wix.to/gT8VY7c
Join the Wix Studio Community:
forum.wixstudio.com
Follow us on social media:
➔ Instagram: / wixstudio
➔ X: / wixstudio
➔ TikTok: / wixstudio
➔ Facebook: / wixstudio
➔ Discord: / discord
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:
➔ / @wixstudio - Věda a technologie
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?
Hey there, thank you for bringing this to our attention. In order for us to assist you in this specific design, we'd need to take a closer look at your site. If you could please reach out to our expert team and provide them with the vision you'd like to achieve, we'd be happy to guide you. Reach out to them via the link here > wix.to/iZTuzNF
Can you please share the tutorial for animations. and text responsiveness.
Hey Kunal, we encourage you to explore our Wix Studio academy for numerous tutorials and guides that will assist you in creating your elements move and interact with the users here > www.wix.com/studio/academy
Is there a way I can access this template? (not just the brand assets)
I have followed this tutorial to a TEE, exactly step by step (at least 10 times!) and it's not working. I believe there's an issue with the original brand assets that effects the trigger effect when I come to scroll.
Hi Nadine, we've looked into this, and we have found no issues with the assets.
However, if you'd like some further assistance with this, we suggest contacting our customer care team who would be happy to assist you >> wix.to/iZTuzNF
Great tutorial, is it possible to have the asset used in this video? Please😢
Hi Vivian. The assets for this tutorial can be found on the Wix Studio Academy in the article tab: www.wix.com/studio/academy/tutorials/%D7%A0uild-along-to-create-a-horizontal-scroll-effect
@@WixStudio thank you 🫶
@@WixStudio OMG Thank you. Not having the assets was the missing link for me.
You lost me when you brought in your asset. Can you point me to instructions on how to create this without the asset?
Hey Pete, to add the horizontal scroll effect, select the relevant element or section, click the Open Inspector arrow at the top right of the Editor, click the interactions tab and click + "Add" under Scroll. To learn more about setting and customizing this effect, follow the guide here > support.wix.com/en/article/studio-editor-adding-a-scroll-animation
I did it without an asset. I just used a container instead.