【jQuery】スクロールアップで表示されるスティッキーヘッダーStickyHead

StickyHeadは通常の状態では表示されており、スクロールダウンすると離れて、スクロールアップすると表示されるスティッキーヘッダーjQueryプラグイン。

jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script type="text/javascript" src="/assets/js/jQuery.stickyHead.js"></script>`

プラグイン呼び出し

$(function() {
var option = {}; // Add your options here (optional)
$('#header').stickyHead(options);
});

オプション

topStickOffset : 100, // How far header will stick to the top before scrolling away. (default: 100) (px),
addPadding : true // If true, will add padding-top to body. (default: true)

MITライセンス

 
StickyHead

【jQuery】スクロールアップで表示されるスティッキーヘッダーStickyHead

  • LATEST
  • RELATED
  • POPULAR