Horizontal Scrolling in Wix Studio | Wix Fix

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ก.ค. 2024
  • In this video, I show you how to create a horizontal scrolling section in Wix Studio.
    This technique was originally found by the wonderful I Love Editor X channel. Please Subscribe to his channel if you haven't already: ‪@Studio-Il‬
    -----------------------------------------------------------
    www.wixfix.com
    -----------------------------------------------------------
    Important Tutorials:
    Top 5 Tips for Wix: • Top 5 Tips for WIX | W...
    How to Use Strips in Wix: • How to Use Strips in W...
    Set Up an E-commerce Store: • HOW TO SET UP AN ONLIN...
    Custom Forms: • Custom Forms in Wix | ...
    Wix Basics in 10 Minutes: • WIX Editor Basics in 1...
    Everything Editor X: • Everything Editor X [2...
    Modern Web Design: • Modern Web Design in W...
    -----------------------------------------------------------
    Join this channel to get access to perks:
    / @wixfix
    Don't forget to SUBSCRIBE and COMMENT any questions below!
    THANK YOU FOR WATCHING!!
    Music by Chillhop
    Music: chillhop.com
    #WixStudio #HorizontalScroll
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 39

  • @jessicahallvanbezouwen3087
    @jessicahallvanbezouwen3087 4 หลายเดือนก่อน

    I first saw @Studio-Il do this. You both rock. Thanks.

  • @jtreignz
    @jtreignz 3 หลายเดือนก่อน

    Thank you for this! This is exactly what I was looking for.

  • @user-zb9ub5nd1z
    @user-zb9ub5nd1z หลายเดือนก่อน

    I have been struggling with this thing for 2 days now. The other guy did a great job with it but he never explained it this well.

  • @alexandrufleser7120
    @alexandrufleser7120 2 หลายเดือนก่อน +1

    Thanks . Nicely explain . I've seen another 2 videos explaining the same thing and were pretty bad .

  • @SavlesEstudiodeModaDigital
    @SavlesEstudiodeModaDigital 2 หลายเดือนก่อน

    Thank you so much! I was wondering how to create this effect on my website, and I'm not a designer, and your tutorial helped me more than Wix Academy! God bless you! Greetings from Brazil.

  • @ewonghoabasigabrieledwep3953
    @ewonghoabasigabrieledwep3953 5 หลายเดือนก่อน +3

    Amazing Ryan I've seen this advanced interaction from another TH-cam, but it was very complicated, but you've made this so easy understand, thanks a million. Please keep it up ❤

  • @kafiahammed3548
    @kafiahammed3548 5 หลายเดือนก่อน

    Thanks brother..

  • @andreabarboza9594
    @andreabarboza9594 4 หลายเดือนก่อน

    you are the best

  • @jsch9503
    @jsch9503 4 หลายเดือนก่อน +1

    Hi Ryan, Question: is it possible to change the height of sideway scroll? If so which values need to be changed? I am looking for 1/3 of the vh. PS Your videos are head and shoulders above other Wix Studio instructions out there. Well paced and clear. THANK YOU!!!

  • @vivianokeke4867
    @vivianokeke4867 5 หลายเดือนก่อน

    Ryan, I've literally been waiting for this video in like forever!!!!!! Noticed it was on your early access timeline, tried and tried to join the channel, and yet no joy! I've been to my local banks trying to fix the issues with my debit card, still no luck there. Is there a I could make payments I some order fashion? Cos it seems like me cards just don't work on TH-cam!!
    Thanks for the video by the way, twas awesome...

    • @wixfix
      @wixfix  5 หลายเดือนก่อน

      Hmm. I haven’t heard of this issue before and not really finding anything on Google. The only thing I saw was some people were having issues with becoming channel members on iPhones. Not sure if that is how you were trying to do it or not though. If there is a way for you to get in touch with TH-cam support, they may be able to provide assistance. I can try to reach out on my end to try and find out more information.
      I know you want to join for early access, but to be clear, watching the videos and subscribing to the channel is all the support I need. I appreciate you and am thankful for having you in the community!

    • @vivianokeke4867
      @vivianokeke4867 5 หลายเดือนก่อน

      @@wixfix I have a quick question. So I'm working on a project now for a client and am stuck on a particular speedbump. So basically the website is supposed to be an On-Demand cleaning services that connects businesses (clients who need these services) with contractors. My challenge right now is how can my client settle said contractors after a job?

  • @mhoctest2827
    @mhoctest2827 3 หลายเดือนก่อน

    Is there any way to get the scroll to stop momentarily on the second image? Right now there seems to be a trouble getting the second image perfectly centered while scrolling past.

  • @markushentschel7787
    @markushentschel7787 4 หลายเดือนก่อน

    Hello Ryan. I love your videos. Could you imagine making a video about flexboxes? What do you actually need them for? I haven't found anything about them in the Wix Academy tutorials. That would be a dream!

    • @wixfix
      @wixfix  4 หลายเดือนก่อน

      Soon! 😁

  • @vivekagupta
    @vivekagupta 3 หลายเดือนก่อน

    Hey, thanks for the tutorial! I'm using Wix Studio but I don't have the inspector panel, how do I access it? The Help on Wix says to look for a (

  • @davided5797
    @davided5797 4 หลายเดือนก่อน

    Hi! Nice tutorial! But when i go to tablet/smartphone devices mode i can't view the horizontal scroll, i can see only the bottom of the website. Can you tell me why please? Thanks!

  • @gabrielazimova2664
    @gabrielazimova2664 4 หลายเดือนก่อน

    Hello, thank you for your videos... they help me a lot to learn with wix studio. Please do you have a video on how to make the horizontal scrolling stop so that the title of the section, specifically SERVICES, is visible at the top and when scrolling horizontally the types of services change but the title of the service is still visible at the top, it would be static. This would really help me a lot, thank you very much

    • @wixfix
      @wixfix  4 หลายเดือนก่อน

      For something like that, you are just going to want to have your services text element be placed in the section (not in the flexbox), and add sticky position to it. Hope that helps!

  • @mansoorshah9057
    @mansoorshah9057 3 หลายเดือนก่อน

    thanks for tutorial.. but what about the responsiveness.

  • @DavidDavid-zc1tw
    @DavidDavid-zc1tw 4 หลายเดือนก่อน +3

    Hey @WixFix, All goes flawelessly but one thing. At 7:14 when I try to set the Distance parameter to 300vw (I have 4 items so 300vw for me), it limits me to a max slider size of 63vw. Do you know why or even better, do you please have a solution for this? Thank you for this video and for aditional help!

    • @wixfix
      @wixfix  4 หลายเดือนก่อน +3

      Hmm. It is now doing that for me as well. I will submit a ticket to see if this can get resolved. Thank you for letting me know. It might also help if you submit a ticket too!

    • @DavidDavid-zc1tw
      @DavidDavid-zc1tw 4 หลายเดือนก่อน +1

      @@wixfix Sure thing, than you so much for quick help! On my way with the ticket
      PS: Can confirm that multiple users are having the same issue :(

    • @parabolica4703
      @parabolica4703 4 หลายเดือนก่อน

      @@DavidDavid-zc1tw I am having this problem too. Submitted a support ticket. Any luck on your end for either of you?

    • @parabolica4703
      @parabolica4703 4 หลายเดือนก่อน +2

      Just spoke to Wix Studio support for an hour. There is a new limitation on the "move" animation that limits the amount of the movement, thus you can't set the VW movement to 200 or 300 or whatever you might need for this functionality. Andrew on the Studio Team was very helpful and he was able to reproduce the functionality using the slide animation instead of the move animation. Hope this helps someone.

    • @wixfix
      @wixfix  4 หลายเดือนก่อน

      ​@@parabolica4703 I got a response from the studio team that they have escalated the issue and are working to remove the limitation. But your comment makes it seem like it was added on purpose. So we shall see. Regardless, glad you were able to find a workaround!

  • @mansoorshah9057
    @mansoorshah9057 3 หลายเดือนก่อน +1

    its not working for mobile.

  • @isolatepls
    @isolatepls 5 หลายเดือนก่อน

    How do I do this with Repeaters?

    • @wixfix
      @wixfix  4 หลายเดือนก่อน

      Should work the same exact way!

  • @morabs
    @morabs 4 หลายเดือนก่อน

    I am creating a website with Wix Studio and making a discography page for a well known recording engineer. He has so many feature films and albums that I would like to scroll horizontally because it will go too far down the page otherwise. Can I have an email address to send you the link to what I am doing?

  • @CrivRex
    @CrivRex 3 หลายเดือนก่อน

    Can I do this on Wix Editor?

    • @wixfix
      @wixfix  3 หลายเดือนก่อน

      Unfortunately not. The classic editor does not have the same animation / effects that Wix Studio has.

  • @JOONEOR
    @JOONEOR หลายเดือนก่อน

    There has to be a simpler way to do this.

  • @juniorvixama55
    @juniorvixama55 4 หลายเดือนก่อน +1

    it's verry not easy ...