[jQuery]ある高さまでスクロールした時ヘッダーの文字の色や背景色を変える
固定headerをある高さまでスクロールすると、ヘッダーの文字または背景色が変化する実装について解説。 ピクセルなどで位置で色を変えるように指定し、ある高さまでスクロールすると、cssで指定したクラスを追加したり除去した...
固定headerをある高さまでスクロールすると、ヘッダーの文字または背景色が変化する実装について解説。 ピクセルなどで位置で色を変えるように指定し、ある高さまでスクロールすると、cssで指定したクラスを追加したり除去した...
横幅がスマホサイズになった時にヘッダーメニューをアイコンに変えて、レスポンシブ用のヘッダーメニューにするやり方を説明する。 完成のイメージ 完成系は下。ある幅までいくと、ヘッダーメニューが3本線のアイコンに変化する。 f...
ヘッダーを固定させるための備忘録。 最初にヘッダーを作ると、固定されていないので、スクロールした時にヘッダーが消えてしまう。 これをスクロールしても上部に固定させるようにする。 position: fixed;とz-in...
ここではHTMLサイト作成時に、ロゴを左に、メニューを右に横並びに配置する基本的なヘッダーの作り方を解説。 コピペで使えるheaderのHTMLとCSSを提供しているウェブサイトもいくつか紹介する。 HTMLでロゴとメニ...
一つのWordpressで複数のヘッダーを使い分けたい時のやり方をメモ。 「Conditional Menus」というプラグインを使って複数ヘッダーを用意する方法と、プラグインを使わず、新しくheader.phpを用意し...