Smooth Scroll works in all modern browsers, and IE 9 and above.
<body> element has been assigned a height of
overflow: hidden, Smooth Scroll is unable to properly calculate page distances and will not scroll to the right location. The
<body> element can have a fixed, non-percentage based height (ex.
500px), or a height of
auto, and an
Animating from the bottom
Animated scrolling links at the very bottom of the page (example: a "scroll to top" link) will stop animated almost immediately after they start when using certain easing patterns. This is an issue that's been around for a while and I've yet to find a good fix for it. I've found that
easeOut* easing patterns work as expected, but other patterns can cause issues. See this discussion for more details.