Horizontal Scrolling in Wix Studio | Wix Fix

Поделиться
HTML-код
  • Опубликовано: 8 июл 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 5 месяцев назад

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

  • @ewonghoabasigabrieledwep3953
    @ewonghoabasigabrieledwep3953 5 месяцев назад +3

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

  • @jtreignz
    @jtreignz 3 месяца назад

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

  • @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.

  • @kafiahammed3548
    @kafiahammed3548 5 месяцев назад

    Thanks brother..

  • @alexandrufleser7120
    @alexandrufleser7120 3 месяца назад +1

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

  • @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!!!

  • @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.

  • @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 RUclips!!
    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 RUclips 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?

  • @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! 😁

  • @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!

  • @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!

  • @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.

  • @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!

  • @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.

  • @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?

  • @JOONEOR
    @JOONEOR Месяц назад

    There has to be a simpler way to do this.

  • @juniorvixama55
    @juniorvixama55 5 месяцев назад +1

    it's verry not easy ...