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内

回答

相关问题