Vertical Marquee

[ermincelikovic]

Hey Aristide, great job with the library! Love it, very well documented :)

I was wondering if it would be possible to have an option to have vertical direction of the movement (from up to down, or other way around).

Thanks!

[tekigg]

1+

[AristideBH]

Hello, sorry for the delay time ! I am not sure the exact behaviour you are both talking about. Is this mockup represent what you mean ?

Is that is the case, that would raises many questions :

• Should the horizontal motion should still be applied ? as an option?
• What about spacing and staggering the elements ? Their actual number would be mutliplied by 2 at least..
• Defining a fixed height for the banner or calculating it ?

Since I almost accomplished everything I needed personnaly, I am not sure I'll make all of this possible. Tell me what you think about it ?

[tekigg]

Hi! No worries at all. Thank you for responding!

That’s not quite what me and I assume @ermincelikovic were referring to, more of a singular column that transforms on the y axis instead of x. You can find an example of it on the “Vertical” section of https://svelte-marquee.vercel.app/

Your module is feature packed and I love every bit of it, thanks for making it and I’d love to see this feature make it in!

[AristideBH]

Ok, thanks for clarification on desired behaviour ! Just looked at their implementation, and they are using CSS animations to handle the sliding effect, while I use JS to take into account custom props, smooth stop, event handlers etc.

I'll try and look for a workaround without a complete refactoring of the logic ! I am thinking about simple CSS rotation for the main element and the opposite for the content. I'll let you both know if I am getting somewhere.

Thanks for your support and kind words anyway !

[ermincelikovic]

Hi there!

I basically implemented it here: https://visual.help/

[heyepeng]

Hi there!

I basically implemented it here: https://visual.help/

Please share how you achieved this,thx!