ホームページについて

質問

ホームページ作っているんですけど、スクロールした時に画像やバナーが一緒についてくるようにしたいんですけど、どうすればいいですか？

回答お願いします。

回答No.1

sksu003nh · ベストアンサー

ちょっと検索した程度なのですが参考にしてください。

　参考URLにメニューを指定座標に固定する方法がありました。

　簡単に説明すると、まずCSSで要素の初期位置を指定します。
　そしてJavascriptでスクロールを検出してCSSプロパティ（要素の位置の指定）を動的に変更します。

　おそらくサンプルソースのDIV要素の中身を画像やバナーにすれば良いでしょう。（私の環境でDIV要素内にIMG要素を記述して座標が固定されることを確認しました。）

　不都合な点として、他に記述する要素との位置関係のとり方に難がありそうなことと、画面サイズによって他の要素と重なる可能性が高いことなどが挙げられます。この辺りはCSSで配置を調整することでかなり改善されると思いますのでいろいろ試行錯誤してみてください。

　一般的な注意点として、JavascriptとCSSを使用しているためブラウザ等の環境によって動作が変わるかもしれないということが挙げられます。
　また、閲覧者によって、Javascriptを切っている方もいると思いますから（たとえば私など……）、あらかじめJavascript非対応環境向けのコードも記述しておく必要があります。

　なお、この回答はGoogleで「Javascript メニュー固定」「Javascript 画像固定」を検索した結果を元に記述しました。

参考URL：

http://javascript123.seesaa.net/article/101299599.html