[英]How to show dropup-menu content completely when scroll bar is in effect?
我正在一个网站上,当滚动条生效时,我想在其中完全显示下拉菜单内容。
目前,当我们向上/向下滚动时,下拉菜单内容尚未完全显示。
我用来显示滚动条的css代码是:
.dropdowns
{
overflow-y:auto;
height: 100px;
}
我用来制作按钮的html代码是:
<div class="btn-group dropup">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropup
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</div>
这是我面临的问题的屏幕截图:
如上所示,下拉菜单似乎没有完整的内容。 它缺少动作文本。
问题陈述:
我想知道我应该在css代码中进行哪些更改,以便在向上/向下滚动时可以看到完整的下拉菜单内容。
如上面的屏幕快照中所述,向上/向下滚动时,剪切内容将被剪切。
编辑1:我想要底部的滚动条(具有按钮列表)。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.