10/25: Javascript > 簡単!動かない(フローティング)メニュー
Category: Web dev
Posted by: hajime osako
<div id="menu" style="position:absolute;top:0px;left:710px;z-index:2;"> Floating menu list..... </div> <script> function Menu(){ if(document.all){ document.all("menu").style.pixelTop=document.body.scrollTop; }else{ document.getElementById("menu").style.top=pageYOffset+"px"; } } onscroll = Menu; </script>追記:
scrollTopは正常に動かない場合あり。
ブラウザのスクロール量を取得するには?
ブラウザの表示領域のサイズを取得する方法。
画面の横幅は、bodyの要素を取得するやり方だと、bodyの幅であって、ウィンドウの表示幅ではない。