<script language="javascript">
<!--
Left = 10;
Top = 300; function Start_pozition()
{
document.getElementById("menu").style.left = Left;
document.getElementById("menu").style.top = Top;
}
function Menu_scroll()
{
if(document.getElementById("doc").scrollTop > 0)
{
document.getElementById("menu").style.top = document.getElementById("doc").scrollTop + Top;
}
else
{
document.getElementById("menu").style.top = Top;
}
}
//-->
</script> <body id="doc" onload="Start_pozition()" onScroll="Menu_scroll()">
<table height="10000" width="100%"><tr><td></td></tr></table>
<table id="menu" border=0 style="position:absolute; z-index:2; margin:0; padding:0; border-collapse: collapse">
<tr><td bgcolor="#9999CC">Раздел 1.</td></tr>
<tr><td bgcolor="#9999CC">Раздел 2.</td></tr>
<tr><td bgcolor="#9999CC">Раздел 3.</td></tr>
<tr><td bgcolor="#9999CC">Раздел 4.</td></tr>
<tr><td bgcolor="#9999CC">Раздел 5.</td></tr>
</table>
Пояснения:
Left = 10;
Top = 300;
Устанавливают координаты верхнего левого уголка плавающего объекта
function Start_pozition()
{
document.getElementById("menu").style.left = Left;
document.getElementById("menu").style.top = Top;
}
устанавливает объект в заданные координаты при загрузке странички
function Menu_scroll()
{
if(document.getElementById("doc").scrollTop > 0)
{
document.getElementById("menu").style.top = document.getElementById("doc").scrollTop + Top;
}
else
{
document.getElementById("menu").style.top = Top;
}
}
перемещает объект при прокручивании страницы
<table height="10000" width="100%"><tr><td></td></tr></table>
просто для создания объема странички для удобства тестирования
onload="Start_pozition()" onScroll="Menu_scroll()"
запускает нужные функции при нужных событиях
<body id="doc" >
нужно для функционирования функции прокрутки, можно ли как-то сделать без этого - незнаю
<table id="menu" border=0 style="position:absolute; z-index:2; margin:0; padding:0; border-collapse: collapse">
<tr><td bgcolor="#9999CC">Раздел 1.</td></tr>
<tr><td bgcolor="#9999CC">Раздел 2.</td></tr>
<tr><td bgcolor="#9999CC">Раздел 3.</td></tr>
<tr><td bgcolor="#9999CC">Раздел 4.</td></tr>
<tr><td bgcolor="#9999CC">Раздел 5.</td></tr>
</table>
Перемещаемый объект. Это также может быть объект div или еще какой...
id="menu"
идентификатор перемещаемого объекта, нужен обязательно, при его замене необходимо его сменить также в функциях Start_pozition() и Menu_scroll()
style="
position:absolute; - для того, чтобы можно было нормально перемещать
z-index:2; - для того, чтобы было поверх другого текста на страничке, при необходимости измените на 3, 4, ....
| 
