[CSS]背景を固定させて、カーテンのようにスクロールさせるテクニック | コリス

2013/05/15 346 users ヘッダ コリス CSS 去年 カーテン

去年くらいからよく見かけるようになったスクロールすると、カーテンを持ち上げるように次々にコンテンツが表示されるテクニックをスタイルシートのみ版とスクリプト併用パワーアップ版の二つを紹介します。 まずは、スタイルシートのみ版から。 Fixed image backgrounds スクロールするとヘッダは固定表示で、画像を配置した背景がカーテンを持ち上げるように次のコンテンツが表示されます。 背景は写... 続きを読む

カスタム分類を利用して、先頭に固定表示を実現する | Simple Colors

2013/03/21 10 users Simple Colors カスタム分類 先頭 ＨＯＭＥ 最初

WordPress には、先頭に固定表示の機能もありますが、１ページ目の最初にモリッと差し込まれるので、表示件数が変わってしまったり、ページ送りにも対応できません。 これを、カスタム分類を用いて、 該当分類に属するものを、home 表示の際に優先表示 1ページの表示投稿数は、設定通りにする 先頭固定表示の記事のあとは、それ以外の記事を最新順に ページ送り・ページナビに影響がでないこと を満たすもの... 続きを読む

CSSでフッタ位置をレイアウトする （CSS Sticky Footer） - youmos

2007/06/18 407 users youmos fixed ブッダ CSS position

CSSテクニックで非常にシンプルだが、是非実践したいのがフッタ位置の調整。フッタの表示位置をCSSのみで調整して、画面の下に表示してくれるようにするテクニック。 画面下に固定表示（position:fixed）ではなく、コンテンツ量が多いときは、スクロールした一番下に表示する。逆にコンテンツ量が少なく、スクロールが発生しない場合でも、きちんと画面の下にフッタが表示される。わかってしまえば、簡単に実... 続きを読む