はてなブックマーク

スクロールするとある程度の高さまで来たときにヘッダを固定表示する方法 WordPressで作られたサイトやタテに長いランディングページなどでよく縦にスクロールしていくと途中でフワッと現れて画面上部に固定されるメニューヘッダってありますよね。 方法としてはjQueryのスライドアップ＆ダウンやCSSのopacity操作を組み合わせたもの、さらにはCSSのみで設定・実現できるものなど、多くの選択肢があって多数のサイトで解説されています。 今回クライアント様から、Wordpressで構築されたサイトでスクロールしたときに上部に縮小されたロゴとメニューを表示したいーとご要望いただいたんですが、このロゴとかを配置して自由にレイアウトが組めるようなプラグインとかスニペットってなかなか見当たらなかったんですよね。 そこで下記のサイトを参考にさせていただきながら、jQueryで動き・CSSを制御しながら縮