Hacer DIV fijo dentro de un DIV desplazable

Question

¿Alguien ahora cómo hacer un DIV dentro de otro DIV que es capaz de desplazamiento por deslizamiento, para que no importa cuánto me desplazo, el DIV siempre se queda en el mismo lugar?

Cualquier ayuda sería muy apreciada.

Answer 1

Trate de hacer esto:

<style type="text/css"> 
    .scrollable { 
     width: 200px; 
     height: 200px; 
     background: #333; 
     overflow: scroll; 
    } 
    .fixed { 
     position: absolute; 
     top: 180px; 
     width: 200px; 
     height: 20px; 
     background: #fa2; 
    } 
</style> 
<div class="scrollable"> 
    im scrollable<br><br> 
    im scrollable<br><br> 
    im scrollable<br><br> 
    im scrollable<br><br> 
    im scrollable<br><br> 
    im scrollable<br><br> 
    <div class="fixed">and I'm fixed</div> 
</div> 

Answer 2

Yo recomendaría absolutamente posicionar el div sobre el div desplazable. No será en div desplazable, porque no tiene que ser así.

Answer 3

div fijo en div desplazable

#container { 
position:absolute; 
top:150px; 
left:150px; 
width:600px; 
height:500px; 
overflow:hidden; 
border:3px dashed #ffff00; 
padding:0px; 
} 

#this_scroll { 
position:absolute; 
top:0px; 
right:0px; 
width:99%; 
height:99%; 
overflow:scroll; 
border:2px solid #000; 
margin:1px; 
background:#B0BDCE; 
} 

#fix_close { 
position:absolute; 
top:2px; 
right:21px; 
width:90px; 
height:30px; 
overflow:hidden; 
border:2px solid #660099; 
z-index:10; 
background:#8C8C8C; 
} 


<div id="container"> 

    <div id="this_scroll"> 
    <p>some yxyxyx</p><p>some yxyxyx</p> 
    </div> 

    <div id="fix_close"> 
     close 
    </div> 

</div>