javascript - Is there a "movie credits scrolling" style plugin for a list of words? - Stack Overflow

admin管理员组

文章数量:1425743

I'd like to display a list of a hundred words or so on a webpage. I'd like them to scroll up slowly, like movie credits. I can do that easily enough myself, but the problem I have is that when the user uses their scroll wheel I'd like the list to move up faster (and then slow back down when they stop scrolling). Also, I need the list to start over uninterrupted when it ends.

And, to add an additional level of plexity, I'd love the words to start at the bottom of the page at size 14px go up in size so they hit, say, 26px when the get to the top of the page.

Anyone think of a good way to start implementing even the first bit of an infinitely scrolling, scroll wheel operated list?

Thanks!

Update:

So, here's some code which I've made:

<marquee scrollamount="1" scrolldelay="10" direction="up" height="100%">
<ul>
<li>Bread</li>
<li>Pasta</li>
<li>Pizza</li>
<ul>
</marquee>

This scrolls up, but obviously the problem is that it isn't affected by the scroll wheel. I also don't know if I can get it to change size as it appraoches the top. I highly doubt this is possible using but there's some code, anyway. :)

I'd like to display a list of a hundred words or so on a webpage. I'd like them to scroll up slowly, like movie credits. I can do that easily enough myself, but the problem I have is that when the user uses their scroll wheel I'd like the list to move up faster (and then slow back down when they stop scrolling). Also, I need the list to start over uninterrupted when it ends.

And, to add an additional level of plexity, I'd love the words to start at the bottom of the page at size 14px go up in size so they hit, say, 26px when the get to the top of the page.

Anyone think of a good way to start implementing even the first bit of an infinitely scrolling, scroll wheel operated list?

Thanks!

Update:

So, here's some code which I've made:

<marquee scrollamount="1" scrolldelay="10" direction="up" height="100%">
<ul>
<li>Bread</li>
<li>Pasta</li>
<li>Pizza</li>
<ul>
</marquee>

This scrolls up, but obviously the problem is that it isn't affected by the scroll wheel. I also don't know if I can get it to change size as it appraoches the top. I highly doubt this is possible using but there's some code, anyway. :)

• javascript
• jquery
• html
• scroll

Share Improve this question Follow edited Nov 11, 2011 at 21:08 Michael Durrant 96.7k101101 gold badges347347 silver badges531531 bronze badges asked Oct 22, 2011 at 13:29 samilessamiles 3,9001414 gold badges5151 silver badges7676 bronze badges 3

• you should post exactly where you are stuck on the code. this could also be many questions until you plete your code. That's just a tip, as i see that you are starting out on this munity right now. – Pabluez Commented Oct 22, 2011 at 13:34
• OK, thanks. I am new :) I'll get cracking with some code and try to add some more info. – samiles Commented Oct 22, 2011 at 13:36
• I should say, I was just wondering if there was an obvious jQuery plugin or something I was missing, not for anyone to provide me with all the code. But, I'll try to do it myself now anyway :) – samiles Commented Oct 22, 2011 at 13:42

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 3

For fun... for those with Safari (including Safari on Windows)...
Star Wars - the real thing!!!

here is one http://flowplayer/tools/scrollable/

Take a look at ActionSlideJS library.

本文标签： javascriptIs there a quotmovie credits scrollingquot style plugin for a list of wordsStack Overflow