みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

背景はそのままで内容部分だけが上下する方法

お邪魔致します。質問させて下さい。

以下の、氷室京介さんのサイト、Himuro.comを例に挙げましたが、
http://www.himuro.com/
グレイ色の背景は、上下スクロールしてもそのままで動きませんが、添付した画像の様に、赤枠で囲ったところは上下スクロールすれば、上下方向に動きます。

こういう、
【Q:背景は動かずに、内容コンテンツだけが上下に動く様なデザインは、JavaScriptを使わねば無理でしょうか?それとも、HTML5/CSS3だけで出来るものでしょうか?】

私はHTML5/CSS3は出来ます(完璧ではなくまだまだ学習中)が、JavaScriptは学習していないので、知らないのです。

キーワードで2~3、ググってはみたのですが、今のところまだ不明で・・・。
どなたかお教え頂けますか?

投稿日時 - 2016-11-24 22:51:21

QNo.9259900

暇なときに回答ください

質問者が選んだベストアンサー

CSSに background-attachment: fixed; を当て込めばウィンドウに対して画像が固定表示されますので、背景は動かず要素は動くようになります。

詳しくは分かりやすく解説して下さっているサイトがありますのでこちらをご覧になってみてください。

参考URL:http://www.tagindex.com/stylesheet/box/background_attachment.html

投稿日時 - 2016-11-24 23:15:47

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問