Podrias hacer algo asi:
Código CSS:
Ver original.body {
overflow: hidden;
}
.base {
position: absolute;
top: 0px;
left; 0px;
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.top {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100px;
background-color: blue;
}
Código HTML:
<link rel="stylesheet" type="text/css" href="style.css">
<body>
<div class="base"></div>
<div class="top"></div>
</body>
Habría que depurar un poco el código, y yo personalmente, la asignacion del ancho de la página y el alto, lo haría mediante javascript, por visualizarlo bien en todos los navegadores. (Suponiendo que crees una capa para meter el contenido).