どうも。氷炎 雷光風(ひえん らいこふ)こと笠原です。

javascriptの部分のみなので、
クロス&Followup-To:fj.comp.lang.javascriptです。
久野さんの書かれたサンプルはシグネチャ以後に残してます。

Message-ID: <c30ggm$2lih@utogw.gssm.otsuka.tsukuba.ac.jp>
において久野さんは書きました。

>     var l = document.getElementById('left'); l.style.position = 'absolute';
>     var b = document.documentElement || document.body; 
>     setInterval(function() { l.style.top = b.scrollTop + 'px'; }, 200);

の部分。

・ 変数lの行は、leftというidの部分のpositionの値をabsoluteに変更する
・ setIntervalの行は200ミリ秒ごとに、leftのトップ部分とbのトップ部分を
同期させる
#どっちも、解釈はあってますか?

ということだと思いますが、
document.documentElementとdocument.bodyの論理和は何故でしょう?

ドキュメント(今回の場合、htmlファイル)には、
<head></head>と<body></body>があるので、
<body></body>の個所にのみ、適用させるための論理和ということでしょうか?


あと、ウチだけかもしれませんが、
久野さんのサンプルをIE5(win98SE、バージョン5.0)で開くと、
「不正な処理をしたので、データを保存してPCを再起動してください」
というメッセージを吐かれてしまいました。
#IE6では不明です。久野さんは、IE6で確認されたんですかね?


ではでは。
--
笠原 励(氷炎 雷光風/ひえん らいこふ)
cuncuku@uranus.interq.or.jp −受信専用−cuncuku@yahoo.co.jp
オリジナルストーリーの感想は、if_tlw-lj@infoseek.jpまで。
Subjectに「番外編」とあれば、ほぼオリジナルストーリーです。

> ---
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
> <html><head><title>???</title>
> <style type="text/css">
> #left { position: fixed; left: 0px; width:18%; border: blue double 2px }
> #right { margin-left: 20%; border: green double 2px }
> </style>
> <script type="text/javascript">
> function init() {
>   if(document.all) { // IE
>     var l = document.getElementById('left'); l.style.position = 'absolute';
>     var b = document.documentElement || document.body; 
>     setInterval(function() { l.style.top = b.scrollTop + 'px'; }, 200);
>   }
> }
> </script>
> </head>
> <body onload="init()">
> <div id="left">
> <p>a</p><p>b</p><p>c</p><p>d</p><p>e</p><p>f</p><p>g</p>
> </div>
> <div id="right">
> <p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
> <p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
> <p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
> <p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
> <p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
> <p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
> <p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
> <p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
> <p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
> <p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
> <p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</p>
> </div>
> </body>
> </html>