如何在div滚动时创建div?

如何在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中的元素。我希望这不是问题的根源,但如果没有其他解决方法,我会改变这个设置。提前致谢。

+0

当你测试的东西,头脑设置你的标签里面的一些内容,否则他们可能不会显示在所有。空div是高度:0;宽度:100%emty div固定为高度:0&宽度:0.您的代码段不会显示出太多麻烦。我真的不明白你想做什么 –

我建议使用内部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>