How to create an Infinite Auto Scroll animation | Editor X

Поделиться
HTML-код
  • Опубликовано: 5 сен 2024

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

  • @holypandafx
    @holypandafx 2 года назад +5

    Thanks a lot Jonatan!!! Very helpful, waiting for more videos!

  • @kmdesign-1113
    @kmdesign-1113 Год назад

    This was SUPER helpful!

  • @ECCLESIAOFBURNINGONESS
    @ECCLESIAOFBURNINGONESS Год назад

    Your tutorial is so good. please continue to make more

  • @christiannadesigns2753
    @christiannadesigns2753 2 года назад +1

    For anyone who is struggling, I found it easiest to just copy and paste from his wix site and then customizing from there :)

    • @bitokay147
      @bitokay147 2 года назад

      Perfect did you copy from breakpoint ?

  • @yima5862
    @yima5862 2 года назад +4

    How do you do two different scrolls on the same page? what does the code looks like?

    • @amberleefayee
      @amberleefayee Год назад

      I would also like to know this, i tried to edit the code to support two on one page but couldn't get it to function properly

    • @jefferyirenkyi
      @jefferyirenkyi 8 месяцев назад

      Anyone have an answer for this?

  • @mathewpemberton9236
    @mathewpemberton9236 2 года назад +3

    I know this was posted a while ago, but I can't get the scroll to work. I've gone through the process a number of times, but still the text is stuck. Could you help please?

    • @Msukoshi
      @Msukoshi Год назад

      Hello
      Did you find the solution? I copied it exactly from the template but it still won't run :/

    • @Msukoshi
      @Msukoshi Год назад

      I just found it. Gotta select the container and change id to runningTxt. First time trying out dev mode in EditorX.

  • @ECCLESIAOFBURNINGONESS
    @ECCLESIAOFBURNINGONESS Год назад

    wow! Thank you! You teach well.
    How do I use images instead of text? I do not know how to code

  • @murmura100
    @murmura100 2 года назад

    Thanks

  • @communicationfirst1599
    @communicationfirst1599 Год назад

    thank you very much, How can I make it go in the other direction, right to left????

  • @jefferyirenkyi
    @jefferyirenkyi 8 месяцев назад

    How do you add this to 2 or more sections?

  • @hms7455
    @hms7455 2 года назад

    thanks for sharing this. where can I find the Velo editor?

  • @emmanuellekaempf8385
    @emmanuellekaempf8385 2 года назад +1

    I was wondering if you'd have a velo snippet (or Css) to change the style of the hover state in a vertical menu as it isn't available on Editor X for vertical menus. It is possible on a horizontal menu but not vertical. I inspected it on the live site but couldn't find that part of the code to change. Thank you. sorry if this is comment is about something else.

  • @lewiselliotdesign3874
    @lewiselliotdesign3874 Год назад

    Can you not do this for a set of logos? I want to showcase clients ive worked with like this.

  • @deepraj2609
    @deepraj2609 2 года назад

    How can I change the direction?

  • @user-zs5pv9pk3d
    @user-zs5pv9pk3d Год назад

    I did everything step by step and it didn't work for me. I keep getting stuck on the text.

    • @julianacanoli7235
      @julianacanoli7235 Год назад

      I think the way he explains is very confusing. But also, Editor X has been getting some updates since this video and basically it does not work using this method anymore unles you figure out where the problem is. It took me hours to make it work and now I dont even remember how I did it!

  • @emmanuellekaempf8385
    @emmanuellekaempf8385 2 года назад

    Hi! Thank you for the video. Would it be possible to get the code from you? Thank you!

    • @WixStudioTips
      @WixStudioTips  2 года назад +1

      Hey, thanks for pointing this out.
      I've added a link in the description to open this template in EditorX with the Velo included.
      And also you can find the Velo snippet here codepen.io/JonathanTso7/pen/yLzdgqZ

  • @stenleyadrien2384
    @stenleyadrien2384 2 года назад

    Hey Bro, I try to add a full background image or video to my header, and the first section with editor X. I realize it's not possible or I can't do it, can you help me, please?

    • @WixStudioTips
      @WixStudioTips  2 года назад

      I don't fully understand what you're trying to do.
      If you want a background image on the first section and header, you can stretch the image on the 1st section and add negative top margin (-80px)

    • @stenleyadrien2384
      @stenleyadrien2384 2 года назад

      @@WixStudioTips thanks got it

  • @emmanuellekaempf8385
    @emmanuellekaempf8385 2 года назад

    Hi, me again. I'm very new to coding.
    I've almost managed but it isn't infinite - i increased the duration but is there a way to make it infinite? or is it just necessary as a visitor won't stay for ever on the page! However, if they go back up to the page then down again, the animation has stopped and doesn't start again. Thank you.

    • @WixStudioTips
      @WixStudioTips  2 года назад

      It’s infinite, but I’ve added a trigger to play the animation only when it’s visible on screen. This should improve performance.
      If it isn’t working for you, you can send me a DM with your code and I’ll look into it