Show HN: Scrollorama

Cool plugin, but I can't help but think of that quote—“Scrolling is the new flash.” Not trying to hate on your plugin or code, but I really hate all this scrolling stuff people are doing now. I wanted to scroll, not have a bunch of crazy animations explode in my face.<p>I feel like the popularity of this effect is to some extent a symptom of our society's constant information overload, and the attendant inability to slow down and focus, which then compels sites to compete for our attention with increasingly flashy presentations. Of course, to a much larger extent, it's probably due to cargo-cult website design.

I hate these things, maybe it's just me.<p>Reasons:<p>1) I use a mouse with a scroll wheel and the default setting is to scroll three lines at once, and I use the scroll wheel a lot. None of the scrolling effects ever look good for me, and if it's a site which depends on the scroll effect to communicate (a few marketing sites have done this) then I don't get the message.<p>2) When I use keyboard shortcuts (which I do quite frequently buy I realise most users don't), I just hit page up and page down. I see none of the effects.<p>To me, this is as bad as hover effects on tablets. I just can't see how it helps to improve user experience or accessibility. Sure, sometimes that isn't the desire but even in the case of those marketing sites I'm fairly sure the marketing men behind it would be appalled to find out some of their target audience was communicated to poorly. Though the worst thing is those same people on other sites then disable some key presses and default keyboard short-cuts to make sure there is no choice but to go through the bad UX to be communicated to.<p>What worries me when I see these things so high up on HN is that I fear others think this stuff is good.<p>Is that the case? Is it just me who prefers the idea of the client determining how to render something and not putting such stuff on the websites we create, or to put accessibility to all pretty high up?

Unfortunately its a does not work well with iOS as it doesn't update until the scroll event is finish -- resulting in a somewhat jumbled and confusing experience without the animations. No doubt this is due to the way Mobile Safari conservatively updates events to save power.

Awesome job! OS X Chrome 16.0.912.63 has some stuttering when using trackpad scrolling, but it's surprisingly smooth for all those animations!<p>By no means is this meant to dissuade using Scrollorama, but for very long pages (like the demo), I tend to flick the trackpad up to scroll through and stop it when I see the content I'd like. However, I find it's hard to follow the sections because they're almost in a constant state of transition. I'd love to see this used on a site with lots of dummy content, since I assume if it's padded with text or photographs, it will flow much better.<p>This could be really cool on a portfolio site!

Excellent landing page. Epitomizes "show, don't tell"

Is this a bug in firefox 8.01? When scrolling up, the O overwrites the adressbar, bookmarkbar and part of the main menu. Upgrading to 9.01 made the effect less visible, since now only a small part of the O can end up covering the firefox UI.<p>EDIT: It can in fact cover parts of the main menu in 9.01 just as in version 8.

Fixed the scrolldeck link, thanks. That's another plugin I made that is for making html slide deck presentations (similar to deck.js or reveal.js) and uses Scrollorama for navigation and animations.<p><a href="http://johnpolacek.github.com/scrolldeck.js" rel="nofollow">http://johnpolacek.github.com/scrolldeck.js</a><p>To fix the jerkiness, I could animate the css props but that would probably cause quite a performance hit. If anyone wants to fork it and make improvements, please feel free!

Very cool. Nitpick: would be nice if it smoothly animated when using the scrollwheel - it's pretty jumpy using the wheel, but awesomely smooth with the scrollbar.

This script seems to trigger a bug in Firefox or X11 which <i>brings the whole session down</i>.<p>It's 100% reproducible with my setup: Firefox 9.0.1 on Ubuntu 10.04 (x86_64) and Fglrx 8.920 (Catalyst 11.11, if I remember correctly). Load the page then scroll down a bit: the whole X session blows up.<p>Anyone else experiencing this?

Very cool, but I'd hesitate to use it on a production site - it's really jerky if the scroll isn't fluid, like on most PC's.

The rollout of the top H1 is downright painful (locked up the browser with 100%+ CPU usage on a C2D MBP 13") in Firefox 12.0a1.<p>Everything else works though.<p>It's all good in Chrome 16.0.912.63 on the above machine though.

Awesome plugin and landing page. Minor nitpicking: the "scrolldeck" link is broken.

Totally random, but I scrolled down this page while listening to Limp Bizkit's "Take a Look Around" and thought: someone's got to create a movie credits page using this, just for the fun of it.

I'm very surprised at how much more smooth this is in Internet Explorer (version 9) than in either Chrome, Opera or Firefox on my PC. IE doesn't actually scale the letters in the title though.

Just a heads-up/reminder: <a href="http://johnpolacek.github.com/scrolldeck" rel="nofollow">http://johnpolacek.github.com/scrolldeck</a> is broken.

I love the <a href="http://www.groupme.com" rel="nofollow">http://www.groupme.com</a> scrolling stuff. It was done tastefully and to great effect.

Totally love it. I was searching for iOS address book style scrolling (fixed headings for a context). This would help.

Totally awesome. I'm constantly impressed at the holiday projects that were developed.

Doesnt work with scroll up/scroll down keys, which I always use.

The bursting lettering at the top was truly unexpected. Bravo.

no dice for mobile webkit.

paging looks broken

Sadly, these just don't look very good unless you're on a Mac and using a touchpad.