smooth-page-scroll

Easy replacement for in-page hash-link scrolling.

Note: This lib requires window.{request,cancel}AnimationFrame, history.{push,replace}State.

Demo

by npm.

npm i smooth-page-scroll --save

by script tag.

<script src="./path/to/smooth-page-scroll.min.js"></script>

then,

// for CommonJS
var SmoothPageScroll = require('smooth-page-scroll');
 
SmoothPageScroll.install();

finally,

<a href="#dest">Go!</a>
 
<div id="dest">
  Destination
</div>

You can pass options as install(options).

props	type	default	desc
gapX	number	`40`	Gap for destination posX.
gapY	number	`40`	Gap for destination posY.
duration	number	`500`	Duration for scrolling.
easing	func	`t => t*(2-t)`	Easing function for scrolling.
useHashAsHistory	bool	`true`	If true, pushState on hash has changed.