タグ 入管
人気順 5 users 50 users 100 users 500 users 1000 usersposition: fixed;でサイドに固定してjQueryでスライドして現れるメニュー|Webpark
では、設置方法を説明してみます。 固定されたスライドメニューの作成 まず、head内でjQueryを読み込みます。もちろんjQueryは自分のサーバーにアップしてもかまいません。 ... 続きを読む
YUIライブラリのScrollViewウィジェットを使ってiPhoneでもposition:fixed;が効いてるっぽく見せる - かちびと.net
今日もスマートフォン関連。飽きてたら ごめんなさい。iPhone/iPadでは、css のposition:fixed;がサポートされていま せん。現状では、方法にかなり限りが あり、検索しても殆ど出てきませんので 選択肢を増やしてみようと思います。 先日、jQueryMobileを使ってのスマートフォンサイトの構築メモという素晴らしいまとめ記事がありました。その中でposition:fixed;... 続きを読む
CSSレイアウトの肝! 表示・配置のプロパティ、14選 - @IT
positionプロパティ positionプロパティは、ボックスを画面上にどういった方法でレイアウトしていくかを設定するプロパティです。 値には、絶対配置の「absolute」、相対配置の「relative」、特に配置方法を指定しない「static」、スクロールしても位置が固定される「fixed」があります。 詳しくはコチラ position ボックスのレイアウト方法を指定するpositionプ... 続きを読む
CSSでフッタ位置をレイアウトする (CSS Sticky Footer) - youmos
CSSテクニックで非常にシンプルだが、是非実践したいのがフッタ位置の調整。フッタの表示位置をCSSのみで調整して、画面の下に表示してくれるようにするテクニック。 画面下に固定表示(position:fixed)ではなく、コンテンツ量が多いときは、スクロールした一番下に表示する。逆にコンテンツ量が少なく、スクロールが発生しない場合でも、きちんと画面の下にフッタが表示される。わかってしまえば、簡単に実... 続きを読む
IEで固定座標を指定する方法
さて、アナウンスしていたようにIEでposition: fixed;を実現する手法について簡単にまとめておきます。まぁこのテクニックもIE7が出るまでのつなぎです。やり方は大まかには2通りあって、純粋にCSS(スタイルシート)のみで指定する方法とJavaScript(正確にはMS独自のDynamic property ダイナミックプロパティーと呼ばれるもの)を使うやり方です。まず、1.CSSのみの... 続きを読む