[Resolvido] Elementro trava ao rolar a barra do browser.

[alessandro.connect 0]

ae galera, to com esse problema, e tava tentando resolver com css, já postei la também, mas agora visualizando bem a idéia vi que isso não vai funcionar só com css, precisa de um pouco de js, mas preciso da base pra saber como vai ser. :/

 

 

 

Então fiz isso no paint mesmo, só pra entender melhor.

 

no EX: 1 é quando aparece o header, fica legal com a position:fixed

no EX: 2 é quando o main-content tem bastante conteudo e tem barra de rolagem, ai o sidebar, mantém a posição como esperado, mas queria que ele após rolar a barra cola-se no topo, como se fosse top:0, como no EX: 3

No caso o EX: 3 é onde quero chegar, se deixo ele com position:fixed; top:0, ele fica em cima do header.

 

acho que facilito agora...

 

ainda nao consegui resolver :/ quem souber como resolver, vlw

 

O CODE

 

#sidebar {
margin-right:08px;
float: right;
width: 305px;
}
/*esse block-sidebar ta dentro do sidebar!!*/
#block-sidebar{
position:fixed;
top:340px;
}
#header {
margin:0px;
padding:0px;
width:100%;
height:340px;
background-color:#000;
text-align:center;

overflow:hidden;
top:0px;
position:relative;
}
#main-content {
width: 677px;
border:1px solid #cccc; 
margin-top:0px;
float: left;
position:relative;

}
#footer{
height:100px;
width:982px;
margin:0px auto;
}

 

Claro que tem muitas outras divs e classes, mas as que importam acho que são só essas.

 

Vlw

 

Pode por como resolvido, já achei a solução

pra quem tiver o mesmo problema...

 

http://jqueryfordesigners.com/fixed-floating-elements/