5 ms·

Pretty. But do there exist web browsers that display these scroll-to-animate sites correctly? Using either mousewheel or dragging the scrollbar (or worse stil

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?

bgarbiak 13y ago
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.
- hatu 13y ago
  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.
  - pietro 13y ago
    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.
    - GhotiFish 13y ago
      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. Enough.
      - eric_cc 13y ago
        I think this is a rage post against something Mac but I'm not following what it is in response to?
- w1ntermute 13y ago
  It also works fine on my ThinkPad when using the TrackPoint to scroll.
lewispollard 13y ago
I think the only device that's worked well with them is a Macbook with the smooth scrolling on the trackpad.
- tfinniga 13y ago
  True. There are some windows trackpads that have that same smooth scrolling trackpads.. I've used some hp laptops that also have it, for example.
chr1 13y ago
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.
- donalmacc 13y ago
  I'm on safari on 10.8.4, up to date. i7, 8GB ram and an AMD HD6490M, and it runs crap.
- jasonkester 13y ago
  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.
  - Fuxy 13y ago
    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.
- Schlaefer 13y ago
  Smooth is one part of the problem, the other is getting stuck between two "frames" after scrolling: http://imgur.com/gtJGtsT.png 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.
mattmanser 13y ago
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.
- stephengillie 13y ago
  It works great on my Win 7 desktop with a C2D and low-level Radeon video in Chrome, with Javascript disabled. Not even slightly choppy at all.
  - tcfunk 13y ago
    I thought you were joking, but I actually prefer the way this page looks with JavaScript disabled.
C1D 13y ago
It looks and works fine on my ipad.
stuaxo 13y ago
Use the middle click scroll. Middle click, then drag mouse down a little bit, then sit and watch. [EDIT] Tested in FF and Chrome, surprisingly FF was smoother on my computer.
oftenwrong 13y ago
Works fine for me. I was shocked because I have JS disabled.
- adim86 13y ago
  Yeah I know, I noticed that yesterday and was impressed that they went through lengths to make it work on browsers that have no javascript
bgruber 13y ago
was i the only one that found that the kitkat site performed well, while the android one stuttered?
- Schlaefer 13y ago
  The Android site uses a lot of (annoying) JS driven CSS opacity changing and also the font-smoothing CSS attribute. My money would be on that.
- jonb 13y ago
  I noticed and LOL'd.
peterbergg 13y ago
Works smooth for me on Chrome Canary with this extension: https://chrome.google.com/webstore/detail/smoothscroll/nbokbjkabcmbfdlbddjidfmibcpneigj https://chrome.google.com/webstore/detail/smoothscroll/nbokb...
drcube 13y ago
Just click the space bar. There's no need to scroll.
littlemerman 13y ago
Worked fine on my mobile as static images.
deleted 13y ago
[deleted]

bgarbiak 13y ago

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.

hatu 13y ago
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.
- pietro 13y ago
  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.
  - GhotiFish 13y ago
    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. Enough.
    - eric_cc 13y ago
      I think this is a rage post against something Mac but I'm not following what it is in response to?
w1ntermute 13y ago
It also works fine on my ThinkPad when using the TrackPoint to scroll.

lewispollard 13y ago

I think the only device that's worked well with them is a Macbook with the smooth scrolling on the trackpad.

tfinniga 13y ago
True. There are some windows trackpads that have that same smooth scrolling trackpads.. I've used some hp laptops that also have it, for example.

chr1 13y ago

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.

donalmacc 13y ago
I'm on safari on 10.8.4, up to date. i7, 8GB ram and an AMD HD6490M, and it runs crap.
jasonkester 13y ago
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.
- Fuxy 13y ago
  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.
Schlaefer 13y ago
Smooth is one part of the problem, the other is getting stuck between two "frames" after scrolling: http://imgur.com/gtJGtsT.png 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.

mattmanser 13y ago

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.

stephengillie 13y ago
It works great on my Win 7 desktop with a C2D and low-level Radeon video in Chrome, with Javascript disabled. Not even slightly choppy at all.
- tcfunk 13y ago
  I thought you were joking, but I actually prefer the way this page looks with JavaScript disabled.

C1D 13y ago

It looks and works fine on my ipad.

stuaxo 13y ago

Use the middle click scroll. Middle click, then drag mouse down a little bit, then sit and watch. [EDIT] Tested in FF and Chrome, surprisingly FF was smoother on my computer.

oftenwrong 13y ago

Works fine for me. I was shocked because I have JS disabled.

adim86 13y ago
Yeah I know, I noticed that yesterday and was impressed that they went through lengths to make it work on browsers that have no javascript

bgruber 13y ago

was i the only one that found that the kitkat site performed well, while the android one stuttered?

Schlaefer 13y ago
The Android site uses a lot of (annoying) JS driven CSS opacity changing and also the font-smoothing CSS attribute. My money would be on that.
jonb 13y ago
I noticed and LOL'd.

peterbergg 13y ago

Works smooth for me on Chrome Canary with this extension: https://chrome.google.com/webstore/detail/smoothscroll/nbokbjkabcmbfdlbddjidfmibcpneigj https://chrome.google.com/webstore/detail/smoothscroll/nbokb...

drcube 13y ago

Just click the space bar. There's no need to scroll.

littlemerman 13y ago

Worked fine on my mobile as static images.

deleted 13y ago

[deleted]