Блок, возвращающийся на место при скроллинге.
Убил вчера уйму времени в поисках готового скрипта "всегда на экране". Всё, что нарыл в сети огромных размеров, пришлось самому писать, может кому сгодится...
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="en">
<title>Scrolling</title>
</head>
<body>
<div ID="div" style="position: absolute; z-index: 10; left: 150px; top: 100px; background-color:#C0C0C0; width:100px">
<p> <p> <p> </p></div>
<script type="text/javascript">
<!--
var y = 0;
function adjPos() {
var scrl = document.documentElement.scrollTop;
if(scrl != y) {
add = .1 * (scrl - y);
add > 0 ? add = Math.ceil(add) : add = Math.floor(add);
var c = document.getElementById("div").offsetTop + add;
document.getElementById("div").style.top = c + 'px';
y = y + add;
}
}
window.setInterval("adjPos()",10);
//-->
</script>
<p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p>
<p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p>
<p> <p> <p> </p>
</body>
</html>[/HTML]
Доктип указывать обязательно, иначе document.documentElement.scrollTop не будет работать.
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="en">
<title>Scrolling</title>
</head>
<body>
<div ID="div" style="position: absolute; z-index: 10; left: 150px; top: 100px; background-color:#C0C0C0; width:100px">
<p> <p> <p> </p></div>
<script type="text/javascript">
<!--
var y = 0;
function adjPos() {
var scrl = document.documentElement.scrollTop;
if(scrl != y) {
add = .1 * (scrl - y);
add > 0 ? add = Math.ceil(add) : add = Math.floor(add);
var c = document.getElementById("div").offsetTop + add;
document.getElementById("div").style.top = c + 'px';
y = y + add;
}
}
window.setInterval("adjPos()",10);
//-->
</script>
<p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p>
<p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p>
<p> <p> <p> </p>
</body>
</html>[/HTML]
Доктип указывать обязательно, иначе document.documentElement.scrollTop не будет работать.
Вот ещё замечательное решение от SelenIT, чистый CSS.