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

JavaScriptについてお伺いします。現在ハンゲーム(http://www.hangame.co.jp/)のトップページの一番右側に表示されている「クリーンコミュニティキャンペーン」の緑色の枠のように、画面をスクロールしてもついてくるブロック要素を実現したいです。できれば、この例のように滑らかな動きでついてくるものがよいです。どこかにサンプルコードはないでしょうか。

●質問者: norix31
●カテゴリ:ウェブ制作
✍キーワード:JavaScript キャンペーン クリーン コミュニティ コード
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● jouno
●50ポイント

http://allabout.co.jp/career/javascript/closeup/CU20010713/?FM=c...

クロスブラウザを制する Part 2 2-7 レイヤーの位置固定 - [JavaScript]All About

ひとつめのリンクでどうでしょうか。

ただ、IE以外、とくにmozilla系なら、

position:fixed; top:100px; left:100px;

とcssだけで実現できます。

http://www.tohoho-web.com/css/reference.htm#position

とほほのスタイルシート入門

◎質問者からの返答

おお、いいかんじです!

これで、おそらく用は足りると思います。


2 ● e23jp
●50ポイント

http://www.google.com/search?hl=ja&q=fixedLAYER&btnG=Goo...

Google

こちらの中の上から幾つかが参考になるのでは無いでしょうか。


残念ながらあんまりスムーズでは無いですが・・・。

◎質問者からの返答

ううむ。なるほど。

fixedLayerという呼び方があるのですね。

1と2の回答で用は足りました。

ありがとうございました。

以降は、もし滑らかな動きでついてくるものがあれば、教えていただけますか。

よろしくお願いします。


3 ● hichii
●50ポイント

http://html-time.com/time/elevator_menu_source.htm

エレベーターメニュー ソース

この中にお気に入りがあるといいのですが・・・

http://asa7410.hp.infoseek.co.jp/dhtml/sample-menuelevatenavi2.h...

HP-DESIGN.NET [DYNAMIC HTML >> DH SAMPLE]

http://www.red.oit-net.jp/tatsuya/java/banner.htm

?C?k???????JavaScript?u??

◎質問者からの返答

2番目のがいいですね。ありがとうございました!

ちなみに、ここ4時間ほど、Internet Exlorer 6.0 は DOCTYPE スイッチにより動作が変わる問題ではまっていました。

http://www.google.co.jp/search?q=DOCTYPE+scrollTop&hl=ja&rls...

関連質問


●質問をもっと探す●



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