É possivel fixar um elemento( div, img, p ) em uma div com scroll
e com position:relative
e usando apenas css?
*Atualmente reposiciono a div usando a função $('elemento').scroll()
e calculando o scroolTop()
do elemento mas no IE( o pior browser do mundo ) existe meio que um delay e o elemento fica 'tremendo' por isso gostaria de saber se é possivel fazer isso só com CSS.
HTML:
<div class="divContainer">
<div class="conteudoFixo">
<h3>Objeto Fixo</h3>
</div>
<div class="conteudoNormal">
<ul>
<li>Primeira conversa</li>
<li>Segunda conversa</li>
<li>Terceira conversa</li>
<li>Terceira conversa</li>
<li>Terceira conversa</li>
<li>Terceira conversa</li>
<li>Terceira conversa</li>
<li>Terceira conversa</li>
<li>Terceira conversa</li>
<li>Terceira conversa</li>
<li>Terceira conversa</li>
<li>Terceira conversa</li>
</ul>
</div>
</div>
CSS:
.divContainer {
height:200px;
width:300px;
position:left;
overflow:auto;
border: 1px solid #FF0000;
position: relative;
}
.conteudoFixo {
position: absolute;
top:0px;
left:0px;
background-color:#FF00FF;
width:100%;
}
Link do exemplo: http://jsfiddle.net/uQLzv/