Build along to create a horizontal scroll effect

Поділитися
Вставка
  • Опубліковано 11 січ 2025

КОМЕНТАРІ • 49

  • @Kunal_Singh36
    @Kunal_Singh36 9 місяців тому +1

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

    • @WixStudio
      @WixStudio  9 місяців тому

      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

  • @dikkevettehuts6852
    @dikkevettehuts6852 8 місяців тому +1

    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?

    • @WixStudio
      @WixStudio  8 місяців тому

      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

  • @IamJoshDylan
    @IamJoshDylan 5 місяців тому

    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?

    • @WixStudio
      @WixStudio  5 місяців тому

      Hi Josh, we want to help but as this tutorial does not use a carousel, we are not sure what you are referring to. Can you clarify, what timestamp on the video are you trying to recreate or are you asking a question not specific to the tutorial. If so, can you give more details on what you are trying to achieve? Thanks.

  • @Donzo2023
    @Donzo2023 Місяць тому

    Instead of adding just 2 sections I am looking to add 4, what would the measurements be for this? I have 4 sections that I want to scroll horizontally and then 2 normal vertical scroll at the bottom

    • @WixStudio
      @WixStudio  Місяць тому

      Hey Jake, these are great questions but we recommend posting on our dedicated Studio forum for any site specific questions of this nature > forum.wixstudio.com/

  • @liaray3074
    @liaray3074 Місяць тому +1

    I'm a student and I recently just joined in
    How come mine doesn't have any "From its design"??

    • @WixStudio
      @WixStudio  Місяць тому

      Hey Lia, Firstly, welcome to the Wix Studio family. We are excited to see what you will create.
      Regarding your question:
      Is it possible you are working with the classic Wix Editor and not Wix Studio? If you're editor doesn't show the options as described our experts should take a deeper dive to ensure everything is working properly for you. You can submit a support request right here >> wix.to/iZTuzNF

  • @justinwills1417
    @justinwills1417 6 днів тому

    @wixstudio I am having a hard time with the animation setup. The animation type has changed since your last video and no matter what way I try to set it, the animation wont work properly.

    • @WixStudio
      @WixStudio  5 днів тому

      Hi Justin, in this case we'd recommend posting on our dedicated Wix Studio forum. Fellow forum members can help guide you on exact steps to take to get your animation working perfectly. Check it out here > forum.wixstudio.com/

  • @nimeshbothalage9869
    @nimeshbothalage9869 5 місяців тому +2

    What's the use of the third row?

    • @RussellYandura
      @RussellYandura 8 днів тому

      It gives a start point and a stop point to the animation. The second row moves left to right so long as the [invisible] 3rd row is in the screen in the background. It is behind everything. Think of like if that 3rd section was 100 times longer, the animation, the scrolling, and the speed of everything would take 100 times longer too. hope this makes sense!

  • @vivianokeke4867
    @vivianokeke4867 9 місяців тому

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

    • @WixStudio
      @WixStudio  9 місяців тому +2

      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/build-along-to-create-a-horizontal-scroll-effect

    • @vivianokeke4867
      @vivianokeke4867 9 місяців тому

      @@WixStudio thank you 🫶

    • @Undercovertheory
      @Undercovertheory 7 місяців тому

      @@WixStudio OMG Thank you. Not having the assets was the missing link for me.

    • @CFGroove
      @CFGroove 2 місяці тому

      @@WixStudio Hey y'all, this link is broken =(

    • @WixStudio
      @WixStudio  2 місяці тому

      @@CFGroove The link is updated! Thank you.

  • @DarshGupta-y1i
    @DarshGupta-y1i 2 місяці тому

    can you please tell how do i get the right hand side inpsector panel? and why does my editor doesnt look like it does in the video?

    • @WixStudio
      @WixStudio  2 місяці тому

      Hi there. Are you currently using the Wix Studio Editor or the classic Wix Editor?

    • @DarshGupta-y1i
      @DarshGupta-y1i 2 місяці тому

      ​@@WixStudio how do i check that?
      well, it isnt what you have used in the video

    • @WixStudio
      @WixStudio  2 місяці тому

      You can check in your account, it should have an option to differentiate between editor types when reviewing your site. You can also reach out to our customer care team and they can check for you > wix.to/iZTuzNF

  • @TardigradeValorant
    @TardigradeValorant 2 місяці тому

    Hello, the asset added was a whole section and not individual assets. Need help with this.

    • @WixStudio
      @WixStudio  2 місяці тому

      For site specific questions of this nature we recommend posting on our dedicated Studio Studio Forum so someone can look at your site to best advice on how to proceed >> forum.wixstudio.com/

  • @oaxisshop
    @oaxisshop 5 місяців тому

    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

    • @WixStudio
      @WixStudio  4 місяці тому

      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 our team via the link here > wix.to/iZTuzNF

  • @nadinedaff
    @nadinedaff 9 місяців тому

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

    • @nadinedaff
      @nadinedaff 9 місяців тому +1

      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.

    • @WixStudio
      @WixStudio  9 місяців тому

      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

  • @DorathyNankpan-y9o
    @DorathyNankpan-y9o 2 місяці тому

    what do i do when i don't have a designed asset to show?

    • @WixStudio
      @WixStudio  2 місяці тому

      Hey there Dorathy - The assets for this tutorial are linked in the description and can be downloaded here: www.wix.com/studio/shared-libraries?library=horizontal%20scroll&linkId=f9c4707d-364a-462a-a5bc-0979ed80fea0

  • @nataliatabora1293
    @nataliatabora1293 3 місяці тому

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

    • @Koketsoolifant
      @Koketsoolifant 3 місяці тому +1

      To its design = in, from it's design = out

    • @WixStudio
      @WixStudio  3 місяці тому

      Hey there Natalia - Sorry about the delayed response. "In" and "out" replaced "to its design" and "from its design" for the custom animations.

  • @endtimeprophecy6746
    @endtimeprophecy6746 3 місяці тому

    Please any discount code for wix studio

    • @WixStudio
      @WixStudio  3 місяці тому

      There are no discount codes for Wix Studio at this time. We do offer discounted rates when purchasing plans for 1-3 years, but do not offer additional sales or promotions beyond that at this time.

  • @JohnVigil97
    @JohnVigil97 5 місяців тому

    The asset page isn't working

    • @WixStudio
      @WixStudio  5 місяців тому

      Good catch John, we updated the link but you can use this link here for direct access to our assets > wix.to/af3wazY.

  • @puranmehra3361
    @puranmehra3361 4 місяці тому

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

    • @WixStudio
      @WixStudio  4 місяці тому

      It's been added to have enough room to scroll once the element moves with the section as we scroll.

  • @yourlocalpapiii
    @yourlocalpapiii 5 місяців тому

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

    • @WixStudio
      @WixStudio  5 місяців тому

      Hey there, we would like to help but do not have enough information about what is happening on your end (what you cannot view etc). Please reach out to our customer care team so they can take a look at your specific site to assist >> wix.to/iZTuzNF.

  • @peterossartanddesign
    @peterossartanddesign 8 місяців тому

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

    • @WixStudio
      @WixStudio  8 місяців тому

      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

    • @zoomsvlogs9177
      @zoomsvlogs9177 8 місяців тому

      I did it without an asset. I just used a container instead.

  • @elenakasyan13
    @elenakasyan13 3 місяці тому

  • @0x.adi47
    @0x.adi47 25 днів тому

    tutorial is broken, you cant follow these steps exactly in dec 2024