jQuery

【jQuery】スクロールスナップポイントを設定するjQuery Scroll Snap

December 4, 2016
jQuery Scroll Snap

jQuery Scroll Snapは指定された要素の先頭にブラウザウィンドウをスナップするとき、指定された要素のトップ近接内にスクロールする。
サポート:Chrome, Firefox, Safari, IE8+

Setup

jQuery1.7+

<!-- jQuery Scroll Snap Stylesheet -->
<link rel="stylesheet" href="jquery-scroll-snap/jquery-scroll-snap.css">

<!-- jQuery Scroll Snap Plugin -->
<script src="jquery-scroll-snap/jquery-scroll-snap.js"></script>
// default options
$( '.snap' ).scrollSnap();

// custom options
$( '.snap' ).scrollSnap({
  speed: 300
});

speedの設定。デフォルト値は400

MIT