如何在div滚动时创建div?
问题描述:
我的第一个想法是把position: fixed
,但是当我这样做时,内部div就消失了。它并没有隐藏在其他任何东西之后,因为我试图改变距离顶端的距离。如何在div滚动时创建div?
这里是我的代码:
#menu {
background-color: green;
width: 200px;
min-height: 600px;
flex: 0 0 auto;
order: 1;
}
#menu #buttons {
background-color: black;
width: auto;
height: 300px;
margin: 15px;
position: relative;
}
<div id="menu">
<div id="buttons"></div>
</div>
现在,大格是Flexbox的,这也是一个div中的元素。我希望这不是问题的根源,但如果没有其他解决方法,我会改变这个设置。提前致谢。
答
我建议使用内部div的overflow-y: scroll
。另外请注意,外部div应该使用position: fixed
并且最好使用width: 100%
作为内部div。
另外,你应该用一些内容填充内部div,除非它不会正确显示。
答
您是不是要找:
#menu {
background-color: green;
width: 200px;
height: 300px;
overflow-y:scroll;
}
#buttons {
background-color: black;
width: auto;
height: 500px;
margin: 15px;
z-index:1;
}
<div id="menu">
<div id="buttons"></div>
</div>
当你测试的东西,头脑设置你的标签里面的一些内容,否则他们可能不会显示在所有。空div是高度:0;宽度:100%emty div固定为高度:0&宽度:0.您的代码段不会显示出太多麻烦。我真的不明白你想做什么 –