I'm trying to leave a div fixed in VERTICAL, and when I move the scroll bar, the rest of the contents of that same div seem like normal, I used position fixed, but the rest of the content does not appear. I already tried with CSS, but I could not and now that I am getting better javascript.
<!doctype html>
<html>
<head>
<meta charset="iso-8859-1">
<title>Untitled Document</title>
<style>
*{margin:0; padding:0;}
#fixar {position:fixed; background-color:#666; height:1000px; width:500px;}
#conteudo {width:50000px; height:1000px; background-color:#CCC; margin-left:505px;}
</style>
</head>
<body>
<div id="fixar">
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>conteúdo fixo</p>
<p>ESSE CONTEÚDO FICA "CORTADO"</p>
</div>
<div id="conteudo">
<p>conteúdo normal</p>
<p>conteúdo normal</p>
<p>conteúdo normal</p>
<p>conteúdo normal</p>
<p>conteúdo normal</p>
<p>conteúdo normal</p>
<p>conteúdo normal</p>
<p>conteúdo normal</p>
<p>conteúdo normal</p>
<p>conteúdo normal</p>
</div>
</body>
</html>