[Seeking for developer to create scroll/marquee animation and drag scroll]

Hi, I am seeking a developer who can build a marquee animation for text/image elements by GSAP. If anyone is interested please get in touch with me. 

 

 

[How can I also implement marquee in this existing script?]

Hi there!

 

I want to implement a marquee effect in this existing script with left or right-direction options. and I also want features for example if the user drags this slide right to left after that this will automatically marquee right to left and if the user drags this slide left to right after that this will automatically marquee left to right.
Can you please help me with this?

 

Note: all existing feature also works fine just need the marquee effect with left and right scrolling feature.
 

Thanks!

 

 

 

 

See the Pen KKxNmRb by GreenSock (@GreenSock) on CodePen

[scrollTrigger Horizontal Carousel Dot Navigation Indicator]

Hi @Cassie, Thanks for your reply.  Scrolling working smoothly but problem when i click on dot nav. Also same problem in your another example:

 

 

 

Please check my previous codepen demo also have same problem. 

 

NOTE: When i removed the top section (keep only horizontal section) it's working fine.

 

 

 

[scrollTrigger Horizontal Carousel Dot Navigation Indicator]

Hey @Cassie, Thanks for your reply. But it's not only iframe or one browser issue. It's happened to all browser even non iframe page.

 

It's working smoothly when i remove the top section (http://prntscr.com/245jv0a). But when i add any element before horizontal scroller section problem start again.

 

I have some limitation to add any extra 3rd party plugin for smooth scroll. Can you carefully check this issue and give me a right solution for it?

 

[scrollTrigger Horizontal Carousel Dot Navigation Indicator]

Hi @OSUblake, I am fetching another issue. When i add any extra section before horizontal section and click dot nav it's flickering some times in bottom area. 

 

Please check this example:

See the Pen bGooabo by bdthemes (@bdthemes) on CodePen

 

Scroll to and reach at horizontal area then click 2nd or 3rd dot nav item.

[scrollTrigger Horizontal Carousel Dot Navigation Indicator]

Hi @OSUblake, Thanks for your previous help. I am fetching another issue. When i using multiple horizontal scroll section and when i click the second scroller section dot nav it's scroll to first section. How i fix it? I mean how i works each dot nav for each section.

 

Please look at this codepen example:

See the Pen LYzjRmL?editors=1010 by bdthemes (@bdthemes) on CodePen

 

[scrollTrigger Horizontal Carousel Dot Navigation Indicator]

Hi @OSUblake, It worked. Thanks for your help. 

[scrollTrigger Horizontal Carousel Dot Navigation Indicator]

Hi @OSUblake, Thanks for your reply but i already tried that but not worked. Can you make any working codepen example? you can fork any above codepen.

 

After absolute the dot-nav value it's not showing anymore

[scrollTrigger Horizontal Carousel Dot Navigation Indicator]

1 hour ago, OSUblake said:

You're going to have to position it inside whatever you are pinning.

Hi @OSUblake, Thanks for your reply. But it's not working without fixed position. But i want dot navigation only for horizontal section not in the full viewport. Please check this link: 

See the Pen VwMPPpr by bdthemes (@bdthemes) on CodePen

 when you scroll and go to bottom of the page dot navigation overlapping the bottom section when i want to keep the dot navigation only in horizontal area (http://prntscr.com/22zolmc). I hope you understand it.

[scrollTrigger Horizontal Carousel Dot Navigation Indicator]

Hi @ZachSaucier, Thanks for your demo. I am facing another issue with dot nav. When i adding an another section on top or bottom how can i keep the dot nav in horizontal section. I don't want to keep it as a fixed bottom position. Please look at this demo: 

See the Pen VwMPPpr by bdthemes (@bdthemes) on CodePen

 

Expected as example position.