jQuery

【jQuery】ユーザーがページをスクロールダウンするとページの上部に要素を固定させるjQuery Sticker

December 12, 2018
jQuery Sticker

jQuery Stickerはユーザーがページをスクロールダウンするとページの上部に要素を固定させます。

Usage

jquery.sticker.min.jsをインクルード。

<script src="js/jquery.sticker.js"></script>

スティッキーにしたい要素をセット。

$('.sticky').sticker();

オプションを使用

$('.sticky').sticker({
	yOffset: 40,
	stopper: '.footer',
	throttle: 15
});

Options

  1. yOffset
  2. stopper
  3. throttle