link之家
链接快照平台
- 输入网页链接，自动生成快照
- 标签化管理网页链接
相关文章推荐
|
酷酷的扁豆 · 内蒙古自治区科学技术厅_ ...· 1 年前 · |
|
|
成熟的春卷 · 丰田重组TRI-AD技术研究院 ...· 1 年前 · |
|
|
愉快的电池 · 洪灝：杠杆+散户+严重一致的共识 ...· 1 年前 · |
|
|
风流倜傥的金针菇 · 图说：苏联BT-7快速坦克 ...· 1 年前 · |
|
|
傲视众生的高山 · 云南虫谷的剧情，结局是怎样的？怎么评价这部片子？· 1 年前 · |
我有一个容器div，里面有很多子div。我的集装箱房屋评论中的一个div。我不想将整个div设置为滚动，而是希望所有内容都留在原地，只留下注释div滚动。我已经尝试将父溢出设置为隐藏，并将注释div设置为滚动，滚动条实际上显示在页面上，但它被禁用。有人知道我是怎么做到这一点的吗？
CSS
#container
position: absolute;
overflow: hidden;
#comments
position: relative;
overflow: scroll;
}HTML
<div id="container">
<div id="comments">
this is what I want to scroll
</div>我不能摆脱容器，因为它容纳了更多的子元素。我只想让其他的东西保持静态，只有评论可以滚动。
3 个回答
高票数
最新
Stack Overflow用户
修改于2011-12-16 04:27
得票数
30
您需要在"comments“div上设置一个特定的高度，以确保它确切地知道何时滚动。如果没有足够的内容填满超过指定高度的容器，滚动条可能会显示
overflow:scroll
，但它将被禁用。如果您希望滚动条仅在实际需要时出现，则需要使用
overflow:auto
作为CSS规则。通过设置子容器的高度而不是父容器的高度，父容器可以根据需要增长。
在您的示例中，父容器上的
position:absolute
不是获取解决方案所必需的；但是，您可能出于某些其他原因而将其包括在内。
Stack Overflow用户
修改于2011-12-16 04:29
得票数
15
它被禁用，因为元素上没有定义的高度。如果您定义了一个高度，并且内容超出了该高度，Overflow auto将填充滚动条。
#comments{
height:200px;
width:200px;
position: relative;
overflow: auto;
}
Stack Overflow用户
回答于2011-12-16 04:24
得票数
4
您需要添加宽度和高度：
Check out this JSFiddle: http://jsfiddle.net/FgGmQ/
HTML：
<div id="container">
<span>This is the container</span>
<div id="comments">
this is what I want to scroll, this is what I want to scroll,
this is what I want to scroll, this is what I want to scroll,
this is what I want to scroll, this is what I want to scroll,
<span>The end of the container</span>
CSS：
#container{
overflow: hidden;
#container span{
background-color: yellow;
推荐文章
|
|
傲视众生的高山 · 云南虫谷的剧情，结局是怎样的？怎么评价这部片子？ 1 年前 |