人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

このURLのように、スクロールすると右サイドバー下部がついてくるものは、HTML・CSSのみで作成出来るのでしょうか?
http://q.hatena.ne.jp/1351690237

JSを使用してのフローティングメニューは作成できますが、親ブロックがposition:rerative;になっていないようですし、CSSだけでできるのであればどのようにしたらよいのか教えてください。


●質問者: maintour15
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● a-kuma3

「知りたいことを検索してみよう」のことですね。
以下のスタイルが指定されてます。

position: fixed;
top: 15px;


2 ● ku__ra__ge
ベストアンサー

最初からスクロールに関係なく画面に固定されている要素を作成することは、CSSのみで可能です。
途中からスクロールに付いてくる要素の作成にはjavascriptが必要です。

position: fixed;

を利用することで、要素の位置をスクロールに関係なく指定することができます。
http://www.htmq.com/style/position.shtml

例のURL先のページでは、onscrollイベントでposition: fixed;とposition未指定を切り替えることで、スクロールに右サイドバー下部がついてくる動作を実現しています。


a-kuma3さんのコメント
あ、スクリプトもかませてたのか ><
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ