解決済

clip!clip!
Ads By Google

画面を殺さずにスクロールするには?

ブログを色々と閲覧していたら、全体的に画像を載せ、
それを殺さずにスクロールできるブログを見つけました。


気になったので、どのようにしてトップ画を殺さずに
スクロールしているのか過去の質問を探しましたが、
わかりません。。


の画像素材から1つ作ってみたいなと思うのでご教授下さい。

2009-01-25 15:37の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2009-01-25 17:01:06ベスト
CSSでbodyの背景に画像を指定し、固定にすることでスクロールしても貼りついたままの背景を設定することができます。
CSSのbodyの中で
background-attach: fixed;
を設定すればOKです。たとえばライブドアのロゴを常に画面の右下に画像を載せたいのであれば、下記のようになります。
body {
 background-image: url("http://image.livedoor.com/img/top/10/logo.gif");
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: right bottom
}

ありがとうございます。
余計な背景などの画像URLを削除して上記のように書き足してみたら見事、固定してスクロールすることができました!!!

Ads By Google

コメント(2)

#2.  NIPO 7.0
2009-01-25 19:25:43

殺すという表現^^

2009-01-25 22:40:39

私も殺すに一票^^

じゃなくて回答1に一票^^;

トラックバック(2)

トラックバックURL: