DIV固定在一個可滾動的DIV內

現在是否有人如何在另一個可滾動固定的DIV內製作DIV，這樣無論滾動多少，DIV總是停留在同一個地方？DIV固定在一個可滾動的DIV內

任何幫助將不勝感激。

2011-06-02 williamtroup

請問您滾動DIV不斷滾動關閉屏幕？ – Jeremy 2011-06-02 14:36:58

是的，它就像一個容器放在屏幕頂部並在其下面加載更多信息 – williamtroup 2011-06-02 14:40:12

嘗試了這一點：

<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>

來源

2011-06-02 14:41:15 Fredrik

Fredrik的回答不準確，因爲'.fixed'是相對於文檔定位的，而不是可滾動的div。將'position：relative;'添加到'.scrollable'會解決這個問題，但會使'.fixed'相對於'.scrollable'內容固定，而不是'.scrollable'視口，這相信你是什麼試圖實現。 – Zelbus 2012-07-28 00:23:19

我會推薦絕對定位div 超過的滾動div。它不會是在可滾動的div，因爲它不需要。

來源

2011-06-02 14:40:19 zzzzBov

在滾動的DIV固定股利

#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>

來源

2014-08-17 22:15:00 Mikulasche

DIV固定在一個可滾動的DIV內

回答

相關問題