Scrollorama

Dev tools

jquery plugin

SHOW HN2012

Legend

Scrollorama

Well I worked previously as a Flash dev, so guilty as charged, haha Personally, I always hated the overdone…

johnpolacek.github.com

#scroll animation#jquery plugin#scroll effects#javascript animation

395points
51comments
#22of 1,677 in 2012
Top 2%of 2012 by points

How HN took it

RoastedHalf or more of the comments are critical

6 positive, 3 neutral or asking, 2 mixed, 16 critical, out of 27 comments about the project. Thread score -0.31.

Performance: 1 for, 7 againstExecution: 0 for, 6 againstDesign: 2 for, 2 againstIdea: 1 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Smooth, impressive animations and a great landing page

    From 4 comments
    • Excellent landing page. Epitomizes "show, don't tell"
      johns on HN
    • 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! By no means is this meant to…
      ceol on HN
    • The bursting lettering at the top was truly unexpected. Bravo.
      aridiculous on HN
    • Totally awesome. I'm constantly impressed at the holiday projects that were developed.
      lowglow on HN

Objections

  • Scroll animations are jerky or laggy on many browsers and devices

    From 5 comments
    • 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.
      derekerdmann on HN
    • Sadly, these just don't look very good unless you're on a Mac and using a touchpad.
      drivebyacct2 on HN
    • 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. Everything else works though. It's all good in…
      Trezoid on HN
    • 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…
      tsunamifury on HN
    • no dice for mobile webkit.
      ricardobeat on HN
  • Animations get in the way of reading and scrolling; style over substance

    From 3 comments
    • 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…
      notJim on HN
    • Unless it's done really well and used properly, I think it's a major case of style over substance. If anything, I think it could be better used more subtly. For example, a…
      FuzzyDunlop on HN
    • I hate these things, maybe it's just me. Reasons: 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.…
      buro9 on HN
  • Breaks keyboard and page-up/down scrolling

    From 4 comments
    • I hate these things, maybe it's just me. Reasons: 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.…
      buro9 on HN
    • Doesnt work with scroll up/scroll down keys, which I always use.
      sn_ on HN
    • paging looks broken
      earle on HN
    • I scroll with page down so this was really confusing at first.
      gmjosack on HN

Requests

  • Fix the broken scrolldeck link

    From 2 comments
    • Awesome plugin and landing page. Minor nitpicking: the "scrolldeck" link is broken.
      ot on HN
    • Just a heads-up/reminder: http://johnpolacek.github.com/scrolldeck is broken.
      spicyj on HN
  • Smoother animation with mouse scroll wheel

    From 1 comment
    • 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.
      mmastrac on HN

Questions

  • Could the Firefox rendering glitch be a security bug?

    From 1 comment
    • Could this be a security bug? Is there other ways scrip+css can take over the rendering, which I guess is done by XUL? Advanced click-jacking?
      DrCatbox on HN

Alternatives named

  • Ben the Bodyguard site

    From 1 comment
    • I just tried out Ben the Bodyguard [1], and honestly, though I see what they're going for, the interaction is not great. For one, as I scroll into the animation, there's a big…
      notJim on HN
  • GroupMe site scrolling effects

    From 1 comment
    • I love the http://www.groupme.com scrolling stuff. It was done tastefully and to great effect.
      richardburton on HN
  • deck.js and reveal.js

    From 1 comment
    • 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…
      johnpolacek on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/3413594)