Link to home
Start Free TrialLog in
Avatar of kevandju
kevandjuFlag for United States of America

asked on

Have HTML page scroll endlessly

I have an HTML page that is a table with anywhere from 30-100 rows.  The table automatically scrolls to the bottom and when it reaches the bottom it pauses and returns to the top and then scrolls again.

My question is there anyway that instead of returning to the top, is there anyway to have the page continue in a circle? So once it get to row 100 it pauses then starts to scroll up with row 1 appearing right below it.  So it would never return to the top of the page, the top of the page would load beneath the bottom of the page.  

I can't think of a single way to do this, but thought with all the cool javascript tools and scripts out there now that it might be possible.
Avatar of strickdd
strickdd
Flag of United States of America image

You can use javascript to calculate when a row is no longer in the viewable portion of the page. Once it is out of site, then create a copy of it and insert it at the bottom of the table.
Avatar of kevandju

ASKER

Can you give me an example of this code? I have no idea on how to do this.
ASKER CERTIFIED SOLUTION
Avatar of nap0leon
nap0leon

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Answered the question, however I personally can't use the code as I don't have enough control over the scroll speeds using the marquee tag.