ฝัง
- เผยแพร่เมื่อ 11 ก.ค. 2024
- In this video, you will learn some cool techniques that you can use with the default scroll effects in Wix. By no means, do you learn all the tricks, but this should be some good inspiration for how you can spice up your Wix websites.
-----------------------------------------------------------
Important Tutorials:
Wix Mobile Web Design: • Wix Mobile Web Design ...
Strips: • How to Use Strips in W...
Repeaters: • Using Wix Repeaters | ...
CMS: • Wix CMS Basics | Wix Fix
Everything Editor X: • Everything Editor X [2...
Modern Web Design: • Modern Web Design in W...
-----------------------------------------------------------
Wix Image Overlays: • Add Wix Image Overlays...
Want to hire us? Let's connect on our agency site: www.wixfix.com
Don't forget to SUBSCRIBE and COMMENT any questions below!
THANK YOU FOR WATCHING!!
Music by Chillhop
Music: chillhop.com
#Wix #WixTutorial #WixScrollEffects - แนวปฏิบัติและการใช้ชีวิต
Really great, love how you mix tech details with design gems!!! often look for this combination and yours nailed it. More pls!
This is exactly what I was looking for!!!! Thank you once again for having a video that fit my exact needs!
Thank you!
Hi ya . Really like your tutorial. I am just wondering if the Wix classic web builder can produce "stacking" section effect when people scrolling. Almost like - one section on top of of each other when people are scrolling down. I couldn't find such tutorial anywhere on Wix. This effect only available via elementor.
Thank you so much 😊
Can you please give a link for the wix template that you have showed for the rotation effect ? Thanks a lot! Great video :)
Hello, is there a chance that a text is also getting revealed with the strip?
INFO FOR ALL THE COMMENTS: I FIGURE IT OUT. You need to set the image as the BACKGROUND of the strip. you will need two strips, one on top of each other. The dimensions of the image I used are 6912 × 3456. I created it on Canva (getting an iPad image, stretched the image just a little past the image, and then placed the image behind the empty image.) I downloaded the image as a png file with a TRANSPARENT BACKGROUND. Then I followed the rest of the steps
Is it possible to use scroll effect in mobile view?
i know this video is old but does anyone know if its possible to scroll loop an image gallery on wix? As in - i reach the end of the gallery but the items start appearing again, in order, as i keep scrolling.
Will this work in editorx?
hi! is this editor x?
hey! great tutorial!
Do you know how to create parallax scrolling for the entire page background?
I mean the entire page and not a strip
I have searched far and wide, and the "parallax" option in the page background image setting does nothing and the background image doesnt move at all
did u find a solution to this :)?
@@dmtrov5410 Go development mode and write your own code. if you have trouble, ask ChatGPT!
What was that groovy WIX website in your intro pls?
scroll in to the top url. youll see it
I can only see 2 effects... why's that and how can I fix it?
I only have fade in and fade out scroll effects and can't figure out how to get the ones in this video
I only have 2 or 3 also. I think it is an Editor X feature. Not sure!
@@emilyroberts4577 Set the image you want to use as the background of the strip. Do not use an image it self to get the effect
Hello! Is it nromal when you use the scroll effects, and the image quality went down?
Depending on image size, some scroll effects need to zoom in to function. So if your image looks bad when zoomed in, then it might not be big enough.
@@wixfix got it!! Thank you 🙏
Do you have the dimensions for the ipad reveal backgrounds?
INFO FOR ALL THE COMMENTS: I FIGURE IT OUT. You need to set the image as the BACKGROUND of the strip. you will need two strips, one on top of each other. The dimensions of the image I used are 6912 × 3456. I created it on Canva (getting an iPad image, stretched the image just a little past the image, and then placed the image behind the empty image.) I downloaded the image as a png file with a TRANSPARENT BACKGROUND. Then I followed the rest of the steps
@@DanielJimenez-tp8bc Thanks man, I just made a photoshop version of it.
Hey! Scrolling with iPads looks cool!) I tried it, but it didn't work out. You can tell in more detail what and how to do there.
I used a mockup for an iPad, created 2 different screens, added them to the background of 2 separate strips, then used the Reveal background scroll effect in Wix. Hope that helps!
@@wixfix OK. thanks!) did you make the iPad exactly as the background of the strip or put it as a picture on top of the strip? and you divided the strips into sections?
@@dmitriyp.3522 I created images in Photoshop via the mockup. I created 2 versions. Then put one image in the background of one strip, then put the second iPad image in a second strip, then add Reveal to both
@@wixfix Okay. I'll try later. I hope I succeed)
@@wixfix figured out how it works) thanks for the tip!)
what is scrollTo() exactly doing ?
INFO FOR ALL THE COMMENTS: I FIGURE IT OUT. You need to set the image as the BACKGROUND of the strip. you will need two strips, one on top of each other. The dimensions of the image I used are 6912 × 3456. I created it on Canva (getting an iPad image, stretched the image just a little past the image, and then placed the image behind the empty image.) I downloaded the image as a png file with a TRANSPARENT BACKGROUND. Then I followed the rest of the steps
Can you do this in editor x??!
Yes you can! Just click the sections, add an image to the background, then you’ll have options to add the same scroll effects as the classic editor!
I do not see those animations in my wix dashboard
INFO FOR ALL THE COMMENTS: I FIGURE IT OUT. You need to set the image as the BACKGROUND of the strip. you will need two strips, one on top of each other. The dimensions of the image I used are 6912 × 3456. I created it on Canva (getting an iPad image, stretched the image just a little past the image, and then placed the image behind the empty image.) I downloaded the image as a png file with a TRANSPARENT BACKGROUND. Then I followed the rest of the steps
The reveal effect dosent work
Without seeing how you set it up, it’s kinda hard to help. But make sure you added the reveal effect to the background layers and not the foreground strips with the cut out. Hope this helps 👍🏼
INFO FOR ALL THE COMMENTS: I FIGURE IT OUT. You need to set the image as the BACKGROUND of the strip. you will need two strips, one on top of each other. The dimensions of the image I used are 6912 × 3456. I created it on Canva (getting an iPad image, stretched the image just a little past the image, and then placed the image behind the empty image.) I downloaded the image as a png file with a TRANSPARENT BACKGROUND. Then I followed the rest of the steps
@@DanielJimenez-tp8bchi i did this , the thing is it works just fine on desktop but as soon as i view in mobile the background gets zoomed and the effect gets distorted , does this have any solution?