[Bootstrap]ナビゲーションをAffixさせる際にスライドインする処理

BoostrapのAffixプラグインを利用する際に、急に上部にスティッキー表示するのではなく、スライドインさせるためのソースコードです。

Bootstrap3を使っています。

affixの際に、ヘッダーナビゲーションの高さ分、bodyにパディングを付与する処理も行っています。

HTML

CSS

JavaScript

Run Result

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。