Jump to content
GreenSock

bootstrap007

Full width scroll text continuously

Recommended Posts

Hi All,

I have seen the below demo in CodePen that was created by @mikel . I am wondering that if possible to have width auto, instead of fixed width for each boxes? Also, If I will switch the Codepen mode to full screen then  the box items are getting disappear even before reaching to the right side corner. How can I make it disappear only after passing the right side corner? Lastly, possible to make the animation pause/stop on mouseover?

 

 

 

Thanks

See the Pen oNXoOBq by mikeK (@mikeK) on CodePen

Link to comment
Share on other sites

Thanks for the demos @mikel I can adapt few things from both and make it.

 

One last question on this topic.

How can I make the scrolling till the right side of the screen in the below codpen: Please check the attached screenshot where it is marked in red color is empty and the text scrolling gets disappear there.

 

See the Pen 9ce005bdad509ae1fed02cc107ad4421 by mikeK (@mikeK) on CodePen

 

text-scroll.thumb.jpg.8eaf8a4582fcabbf9a04f74e50978aae.jpg

 

 

Link to comment
Share on other sites

Hey @bootstrap007,

 

A simple solution: add a few boxes (duplicates).
Or use a mediaquery: bigger box, bigger typo.
Or use an alternative marquee concept.

 

Happy coding ...

Mikel

  • Like 3
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×