Pretty. But do there exist web browsers that display these scroll-to-animate sites correctly? Using either mousewheel or dragging the scrollbar (or worse still, dragging on an iPad), it's never anything but choppy choppiness and I miss important bits of text as they scroll past entirely between the little click stops on my mouse wheel.
Surely it must be possible to actually view these sites, as evidenced by the fact that people keep building them. Is there some web-designer-and-executive-approver-specific build of Chrome that's built specifically for this effect?
It works great on basically any browser on a system with the Apple's Magic Mouse.
I'm still wondering why there's no some sort of smoothing polyfill in wide use.
Agh, this should definitely be a design anti-pattern. Don't change my browsers functionality. If I wanted smooth scrolling I would find a way to turn it on.
The Mac doesn't use smooth scrooling, but naturalistic scrolling: It scrolls exactly as you move your fingers. Smooth scrolling is more of a scroll wheel feature.
It's also magical, its operating system is compatible with all forms of beverages, and if Steve jobs were around the magic mouse would of become the magic handjob.
It's working great on my admittedly beefy Win 7 Laptop on Chrome with my mouse wheel or dragging the scroll bar. The mouse scroll is a little choppy in that it jumps in tiny increments rather than elegantly transitions.
It would be nice if they supported the keyboard too though.
Recent version of all browsers have roughly the same performance. But you need relatively new hardware. Old p4 and on-board graphics card won't handle it.
I'm on a six month old maxed out Thinkpad W520. I don't think they have much in the way of newer hardware than that, so I suspect it's more likely that there's a "smooth scrolling" setting somewhere that one could presumably turn on to see this effect.
Somebody else mentioned that it's on by default on Macs, thus confirming my theory about the "web-designer-only" build of Chrome (the same one that renders those extra blurry fonts that designers like to use on their blogs correctly). Chances are nobody with a Windows box ever saw this in action before they pushed it live.
I'm using the latest Firefox on windows 7 and don't seem to have a problem with it.
Mind you it's a desktop and I'm using a mouse not a touch-pad to scroll.
The slight choppiness i see is because of how scroll works not the website's fault.
When you scroll there's a minimum increment that gets detected and the equivalent on the website for that is quite large.
But reducing that would make you scroll a lot more and would probably be annoying.
If you want the smoothness of a magic mouse use the down arrow on the scroll bar or your keyboard.
Smooth is one part of the problem, the other is getting stuck between two "frames" after scrolling: http://imgur.com/gtJGtsT.png
Scrolling gives you no visual feedback for "content units" like margins around paragraphs or headers. You cannot be sure if a "frame" has all its animation loaded until you scroll down - up - down a little bit. Imho that's not a pleasant experience.
Surely it must be possible to actually view these sites, as evidenced by the fact that people keep building them. Is there some web-designer-and-executive-approver-specific build of Chrome that's built specifically for this effect?