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の幅であって、ウィンドウの表示幅ではない。