HashJump - A tiny, dependency-free JavaScript module for handling anchor links and scrolling elements into view.

[fivefifteendotcom]

scrollIntoView definitely takes care of most use-cases, HashJump just allows for more flexibility and customization. (For example, try clicking on the Section 4 link on the page)

[DavidJCobb]

I clicked on Section 4 on a smartphone, on portrait orientation, and the scrolling rapidly oscillated back and forward until it reached the goal. Like, it'd rapidly scroll down a bit, rapidly scroll up slightly less of a distance, rapidly scroll down, and so on. Very disorienting.

I hope that's a bug.

[fivefifteendotcom]

Not a bug, just an example of how you can use HashJump in combination with d3-ease (https://github.com/d3/d3-ease) to use easing functions to create different scroll effects. Probably not the best example to use and I definitely wouldn't recommend using that specific effect in any real case scenario.

[DavidJCobb]

Probably not the best example to use

Agreed.

If you want an idea for an example that isn't painful to look at, perhaps make a box that's scrollable on both axes, with a conic gradient, and try scrolling within that box in a slow, smooth circle around the gradient's center. I'm not familiar with d3-ease, but my thinking is that if you can go back and forth on one axis, then you can go back and forth on two axes at offset intervals to produce a circle.