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

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

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

このプラグインの実際の動きを確認したい場合は、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プラグイン

  • List

    List

    スクロールしても見出し部分を固定したまま表示

  • ContainedStickyScroll

    ContainedStickyScroll

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

  • onepageScroll

    onepageScroll

    1ページ単位でのスクロールを実装できる

  • AnimateScroll

    AnimateScroll

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

  • slideToucher

    slideToucher

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