Hola que tal.
Ya se lo que necesitas lo que necesitas es que el menú nunca pierda su posición original, te dejo este pequeño ejemplo.
Código HTML:
<!DOCTYPE html>
<html lang="es-ES">
<head>
<meta charset="UTF-8">
<title>prueba menu</title>
<style type="text/css">
ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top: 10px;
left: 0px;
list-style: none;
z-index:9999;
}
ul#navigation li a {
display: block;
width: 100px;
height: 30px;
background-color:#CFCFCF;
background-repeat:no-repeat;
background-position:center center;
border:1px solid #AFAFAF;
}
ul#navigation li {
width: 100px;
}
p{
width:250px;
margin: 0 auto;
}
</style>
</head>
<body>
asdasdas
<ul id="navigation">
<li class="home"><a title="Home"></a></li>
<li class="about"><a title="About"></a></li>
<li class="search"><a title="Search"></a></li>
<li class="photos"><a title="Photos"></a></li>
<li class="rssfeed"><a title="Rss Feed"></a></li>
<li class="podcasts"><a title="Podcasts"></a></li>
<li class="contact"><a title="Contact"></a></li>
</ul>
<?php
for($i=0;$i<=100;$i++)
{
echo "<br>";
}
?>
</body>
</html>
prueba y comenta
Saludos