| <html><head> |
| |
| <meta content="text/html; charset=windows-1251" http-equiv="Content-Type"> |
| <style> |
| .d1{position:fixed;top:50%;right:50%;z-index:2;overflow:hidden;} |
| .d2{position:fixed;bottom:5em;left:50;z-index:2;overflow:hidden;} |
| .o {background:green;height:40px;width:200px;} |
| .t { width:2000px; height:198px;background-color: lightgray; border: 1px solid blue;} |
| body { margin: 0px; } |
| </style> |
| <script> |
| function remove_fixed() |
| { |
| document.getElementById("d1").style.position = "static"; |
| } |
| |
| function change_fixed() |
| { |
| document.getElementById("d2").style.bottom = "10em"; |
| } |
| |
| </script> |
| </head> |
| <body class="Gradient"> |
| <div class="d1" id="d1"><div class="o">This is a test</div></div> |
| <div class="d2" id="d2"><div class="o">This is a test</div></div> |
| <div class="t" onclick="remove_fixed();"> |
| 000 |
| </div> |
| <div class="t"> |
| 200<br> |
| <button onclick="remove_fixed();">remove fixed</button> |
| </div> |
| <div class="t"> |
| 400<br> |
| <button onclick="change_fixed();">change fixed</button> |
| </div> |
| <div class="t"> |
| 600 |
| </div> |
| <div class="t"> |
| 800 |
| </div> |
| <div class="t"> |
| 1000 |
| </div> |
| <div class="t"> |
| 1200 |
| </div> |
| <div class="t"> |
| 1400 |
| </div> |
| <div class="t"> |
| 1600 |
| </div> |
| <div class="t"> |
| 1800 |
| </div> |
| <div class="t"> |
| 2000 |
| </div> |
| <div class="t"> |
| 2200 |
| </div> |
| <div class="t"> |
| 2400 |
| </div> |
| <div class="t"> |
| 2600 |
| </div> |
| <div class="t"> |
| 2800 |
| </div> |
| <div class="t"> |
| 3000 |
| </div> |
| <div class="t"> |
| 3200 |
| </div> |
| <div class="t"> |
| 3400 |
| </div> |
| <div class="t"> |
| 3600 |
| </div> |
| <div class="t"> |
| 3800 |
| </div> |
| <div class="t"> |
| 4000 |
| </div> |
| </body></html> |
