- 締切済み
指定要素をスクロール時に非表示
JSで、divで囲ったある指定要素をスクロールしたら非表示にしたいのですが、 当方jsにまったく疎く、書き方がわかりません。 どなたかお助けいただけますと助かります。 サンプルなのですが、HTMLファイルのコードは以下になります。 <div id="subNav"> <ul class="fixed"> <li><a href="#">A</a></li> <li><a href="#">B</a></li> <li><a href="#">C</a></li> </ul> </div>
- mituru326a
- お礼率73% (47/64)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- amanojaku1
- ベストアンサー率54% (265/488)
<html> <head> <meta http-equiv="Content-Type" content="Text/HTML; charset=Shift_JIS"> <title>test</title> </head> <body bgcolor="#8f9fff" text="#000000" link="#2f2fff" vlink="#d700d7" alink="#00ffff" > <script type="text/javascript"> <!-- function ScrollEvent( ){ var wv; wv = document.getElementById("subNav"); wv.style.display='none'; } window.onscroll = ScrollEvent; // スクロール・イベントに「ScrollEvent( )」関数を設定。 --> </script> <div id="subNav"> <ul class="fixed"> <li><a href="#">A</a></li> <li><a href="#">B</a></li> <li><a href="#">C</a></li> </ul> </div> <!-- 下記 table で「height="100%"」 を表示させる事で、表示が少ない行数でもスクロール可能にしている。 --> <table border=0 align="center" width="100%" height="100%"><tr><td> </td></tr></table> </body> </html>
