jQuery

【jQuery】スクロールダウンでヘッダーを非表示、スクロールアップで表示Shy Header

November 3, 2016
shyheader

Shy Headerはユーザーがページを一定の高さ以上にスクロールダウンするとヘッダーを非表示にし、スクロールアップするとヘッダーを表示する軽量で使い易いjQueryプラグイン。

JS

    // Initialize the plugin
    $("your-header-selector").shyheader();
    

    // some options are available
    $("your-header-selector").shyheader({
        classname : "is-watching",
        container : 'shy-container'
    });

MIT