jQuery

【jQuery】どこまでページダウンしているかを示すプログレスバーmomentum.js

November 22, 2016
momentum.js

momentum.jsはスクロールするとどこまでページダウンしているかを示す軽量のjQueryのプログレスバープラグイン。

JS

<!-- Include jQuery and momentum.js -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="js/momentum.js"></script>

Customization

$('.my-class').momentum();
// Defaults
$('.my-class').momentum({
	barSelector: '',
	customCss: false,
	barColor: '#9e9e9e',
	thickness: 4,
	progressColor: '#42a5f5',
	offset: 'middle',
	minHeight: 0,
	fadeInOut: true
});

MIT