メニューバーもスクロールに合わせて動く仕組み
Javascriptの方に質問を出したのですが、
回答していただけなかったのでこちらでも質問させてください(;_;)
左側に縦メニューのあるスタイルシートでレイアウトしたXHTMLのページを作成しています。
コンテンツでブラウザにスクロールバーがついたときに、メニューバーもスクロールに合わせて動く仕組みを
JavaScriptでいれました。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript">
function F1() {
v='.pixelTop=';dS='';sD='.style';y='document.body.scrollTop';}
function F2() {
obj='obj1';yy=eval(y);eval(dS+obj+sD+v+yy);setTimeout('F2()',10);}
</script>
</head>
<body onload="F1();F2();">
<div class="menu" id='obj1' style='position:absolute;left:auto; top:90px;'>
<script type="text/javascript">
for(var i=0;i<100;i++){document.write('<br>')}
</script>
動作はするのですが、限りなくスクロールするため、下のほうのメニューが
見えなくなってしまいます。
http://allabout.co.jp/internet/javascript/closeup/CU20010713/index.htmで
紹介されているものも挑戦したのですがなかなかうまくいきません。
上のメニューのような一定の場所の間を動かすようにしたいのですが、どう改善したらよいでしょうか？
