log

css jquery 固定footerっぽいなにか

項目をクリックしたら、それに一致したサブ項目をブラウザの下にdivとして表示しようと思った。(チェックボックスみたいに、複数選択対応)

いろいろ探したけど、普通にcssで表示用divを作って、表示を切り替えればよかった。

	div#fixed-footer{
		border:1px;
		background-color:#FFDFDF;
		position: fixed;  
		bottom: 0;
		width:100%;
	}

==============

position: fixed;

で場所固定し、

bottom: 0;

でブラウザの下セッティングできる!

CSS : positionの「absolute」「relative」「fixed」のリファレンス | CSS Lecture <http://www.css-lecture.com/log/css/037.html>

position : relative + absolute を使った例|CSS Lecture <http://www.css-lecture.com/template/2008/1006/fixed.html>

その他リンク

Web制作の現場で使う jQueryデザイン入門[改訂新版] のサンプルにお世話になった。

こんなことできる!ってのがわかりやすい

フローティングウィンドウでも良かったけど、ドラッグする必要がないからシンプルにdivで作った。

sample1 <http://webprofessional.jp/dl/njq/files/njq_sample/chapter03/09/sample1.html>


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2013-06-11 (火) 13:26:58 (2143d)