ドラッグでスクロールさせれるよ

まるでスマホブラウザのようだね!

もちろんマウスホイールでもスクロールできちゃうんだ!

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.overscroll.min.js"></script>
<script>
	$(window).load(function(){
		$('#OverScrollDemo').overscroll({
			direction: 'vertical'
		});
	});
</script>
<div id="OverScrollDemo">
	<div class="panel" id="panel01">
		<p>ドラッグでスクロールさせれるよ</p>
	</div>
	<div class="panel" id="panel02">
		<p>まるでスマホブラウザのようだね!</p>
	</div>
	<div class="panel" id="panel03">
		<p>もちろんマウスホイールでもスクロールできちゃうんだ!</p>
	</div>
</div>

OverScrollについて

OverScrollは、PCブラウザ上でスマホのスワイプ機能を実現できるプラグインです。
使い方次第ではユーザビリティー向上に貢献してくれるかもしれないですね。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • slideToucher

    slideToucher

    上下左右方向へのスワイプ、スライドを実装できる

  • localScroll

    localScroll

    格子状に配置した要素間をダイナミックにスクロールしてくれる

  • scrollUp

    scrollUp

    ページを一定量スクロールすると、ページトップへ戻るボタンを表示

  • ContainedStickyScroll

    ContainedStickyScroll

    スクロールしてもどこまでもついてくるあの子

  • AnimateScroll

    AnimateScroll

    よくあるページのトップにスクロールで戻る系