Javascript

【Javascript】平均速度または設定時間で動作するスムーズスクロールプラグインSmoothy

April 29, 2017
smoothy

Smoothyは平均速度または設定時間で動作する、必要に応じてアニメーションタイプを選択することができるJavaScriptスムーズスクロールプラグイン。

Include script

<script src="dist/smoothy.min.js"></script>

Include markup

<a href="#id"><!-- Link to target --></a>
...
<div id="id"><!-- Target element --></div>

Initialize Smoothy

<script>
	smoothy.init();
</script>

Settings

Example

smoothy.init({
	easing: 'easeInOutQuad',
	offset: 80,
	speed: 2000,
	callback: function() {
		console.log('Smoothy scroll animation is done');
	}
});
  1. animate
  2. callback
  3. easing
  4. offset
  5. speed
  6. time
  7. type

MIT