<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> |