Wix Studio Tutorial 2024 - How to create Horizontal Scroll Animation [No Code]

Поделиться
HTML-код
  • Опубликовано: 5 сен 2024
  • #wixstudio #wixwebsite #wixsite #wixsite
    BUY ME A COFFEE - buymeacoffee.c...
    In this Wix Studio Tutorial, you will learn the easiest method to create beautiful horizontal scroll animation in Wix Studio. I have simplified the calculations.
    Related Wix Studio Tutorial Videos -
    Cool Custom Cursor Animation Effects with Blob, Waves, and Text - • Wix Studio Tutorial 20...
    How to add anchor Link in Wix Studio Website Editor - • Wix Studio Tutorial 20...
    How to transfer Wix Website to Wix Studio - Wix Site Tutorial 2024 - • How to transfer Wix We...
    Create Slideshow with Different Slider Layouts and Automatic Slide Change - • Wix studio tutorial 20...
    How to add a Glow effect to the Button in Wix Studio - • Wix Studio CSS tutoria...
    Beautiful Animation Tabs using HTML in Wix Studio - • Wix Studio Tutorial 20...
    Custom Shop using Repeaters, CSS, CMS, Dynamic content filter - • Wix Studio Tutorial 20...
    SEO Optimized Store and Product Page design in Wix Studio using CMS and dynamic content - • Wix Studio Shop Tutori...
    How to add mega menu in Wix - • Wix Studio Tutorial 20...
    How to Add a Slideshow in Wix Studio - • Wix Studio Tutorial 20...
    Wix Studio Animation Tutorial 2024 - Button Hover Effect - • Wix Studio Animation T...
    Wix Studio Scrolling Effects Tutorial - How to Add Parallax Scroll Effect - • Wix Studio Scrolling E...
    Wix Studio Slideshow Repeater Tutorial 2024 - How to Use Different Layouts for Each Slider - • Wix Studio Slideshow R...
    Wix Studio Tutorial 2024 - How to create Horizontal Scroll Animation [No Code]
    Song: Dosi & Aisake - Cruising [NCS Release]
    Music provided by NoCopyrightSounds
    Free Download/Stream: ncs.io/Cruising
    Watch: ncs.lnk.to/Crui...
    Song: Hoober - Higher (feat. Vanessa Campagna) [NCS Release]
    Music provided by NoCopyrightSounds
    Free Download/Stream: ncs.io/HHigher
    Watch: • Hoober - Higher (feat....
    Song: KHEMIS, Coopex, ZANA - Tidal Wave [NCS Release]
    Music provided by NoCopyrightSounds
    Free Download/Stream: ncs.io/TIdalWave
    Watch: ncs.lnk.to/TIda...
    Song: Syn Cole - Need Ya [NCS Release]
    Music provided by NoCopyrightSounds
    Free Download/Stream: NCS.io/NeedYa
    Watch: youtu.be/
    Song: Culture Code - Make Me Move (feat. Karra) [NCS Release]
    Music provided by NoCopyrightSounds
    Free Download/Stream: ncs.io/makememove
    Watch: • Culture Code - Make Me...

Комментарии • 9

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

    I'll be honest I've by passed this video a few times because I wanted to hear someone explain things.
    However, this is about the only actual tutorial that actually works. I copied many and found I miss something in the settings. MY ONLY QUESTION.
    My section is now the height of a Dump Truck how do I make that smaller without effecting the animation. I can't see that in the video but will check over it again. Thanks

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

      Actually I see when you add another section below it appears after the animation. Is this normal to have such a large container.

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

      Hi Mr Keith, hope you are well. Please check this tutorial. It is a much easier approach - ruclips.net/video/L5MClMtws8A/видео.html The reason why we make the section long is to compensate for the space needed for scrolling.

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

      Hello,
      I'll take a look. My gut is telling me it will be more of a headache using this effect than I will design a great website. I guess it was the last of my challenges to get it to work.
      Mastering desktop is one thing then looking at Mobile its a total mess so i think for the moment I will accept defeat and hope WS come up with a better solution to this.
      I will have a look at this new video. I don't feel i'm a complete idiot but I've spent the whole day trying to get at least one simple scroll to work and it either scrolls off the screen it doesn't scroll all the pictures and I'm changing settings and sometimes you get close but never what I really want. Then don't get me start on when you want to add images or text and the boxes are 200 miles away off the screen its a real pain in the BS.
      I'll give it one last chance. Thanks

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

      @@wixstudioacademy Thanks. That really did take 5 minutes. That's what I wanted and I was able to make the images slightly larger and tweek the settings a little to still get the look I wanted.

  • @rcs3681
    @rcs3681 29 дней назад

    My Wix editior doesn't look anything like this. Layout tools, stack and container are missing - any idea why?

    • @wixstudioacademy
      @wixstudioacademy  28 дней назад

      Hi, This is Wix Studio Not Wix Editor. You need to create your website in Wix Studio to get these features.

  • @silvestrecamposano6317
    @silvestrecamposano6317 4 месяца назад

    Thank you for the technique...