勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

上部に固定されたヘッダーメニューの作成

      2014/05/20

■やりたい事

ページスクロールしても上部に固定されたヘッダメニューの作る

 
■方法

メニューの要素に、下記CSSを指定。

 

■サンプル

http://sample.taitan916.info/header/

 

■その他
ヘッダの下にある要素に関しては100px分余白とっとかないと表示が被ってしまうので注意する。

 - CSS

  関連記事

jquery_logo
jQueryのCSS変更

jQueryでCSSを触る際、 $("#aaa").css('height',' ...

jquery_logo
ダウンロード無しで外部ファイル呼び出し

■jQuery http://scriptsrc.net/ ■bootstrap ...

images
CSSでセンターリング

<center></center>でセンターリングが出来 ...

jquery_logo
jQueryとCSSの連携

$(function(){ $("#change_small").click(f ...

images
スマホサイトでviewportを指定しても横スクロールバーが表示される

スマホ用のサイトでviewportが指定されており、widthも100%になって ...

images
スマホ用の有料デザインテンプレが9月内は無料でもらえた

envatomarketでスマホ用の有料デザインテンプレートが2014年9月内に ...

images
フォームCSS

body { font-family : 'メイリオ',Meiryo,'MS P ...

images
ページング用CSS

div.pageNav { //これなくてもいいかも。 clear: both; ...

images
CSSでスタイルの優先

1つのファイルに対して複数スタイルが指定されている、 ということがたまにある。 ...

images
cssのcontent

テキストが書かれているけど、firebugで要素を見ても 書かれていない。かとい ...