Question

I have a marquee that is scrolling upwards.

<marquee scrollamount="2" scrolldelay="0" direction="up">
Element One<br/>
Element Two<br/>
...
Element Five Hundred and Thrty-Seven <!-- ;) -->
</marquee>

Now, what I want, is to achieve that, when the elements end, there is no space until the last element is no longer displayed, but the list starts from the beginning immediately. I would also like the marquee not to first scroll upwards and let the first elements appear one by one, but start having the first element already scrolled to the top and then just go on scrolling. The former thing I have mentioned I need to achieve is by far more important than the latter. I don’t mind if the solution involves not making it a marquee but some div with scrolling or stuff like that. Only, please do not post JQuery results but pure JavaScript.

There has been such a question about a marquee without a gap asked already, but the answer involved duplicating the text, which however, though removing the first gap, still leaves the second one.

Thanks in advance!

Answer 1

Without trying to be rude, might I suggest that you probably oughtn’t use a marquee tag?

See this wikipedia page for a breakdown of the usability problems.

A better approach would be to use javascript to progressively enhance the page. Here’s an example in jQuery.