时间戳

首页 > 解决方案 > 如何在下拉菜单中添加滚动条

html - 如何在下拉菜单中添加滚动条

问题描述

我想在下拉菜单中添加滚动条

<ul class="dropdown-menu dropdown-scrollbar">                            
    <!-- <li><a href="#"></a></li> -->

    {% for table_name in obj %}
     <option>{{ table_name.table_name }}</option>
    {% endfor %}

    <!-- <li><a href="#">Dropdown link</a></li> -->
</ul>

我试过这个css，但它不工作。我知道这是一个重复的问题，但是我尝试了 SQ 答案中的 css，但仍然无法正常工作，也许我缺少一些东西？

.dropdown-scrollbar
{
    height: 50px;
    overflow-x: hidden;
    overflow-y: scroll;
}

标签： htmlcss

解决方案

而不是专门指定 x 轴和 y 轴，您只能编写溢出，因为它将自动获取并调整两个轴。

您也可以使用overflow: auto而不是overflow: scroll原因是在滚动中（设置滚动框的溢出值将隐藏框外渲染的内容，但会提供滚动条来滚动框的内部到查看内容），

auto（它解决了在不需要滚动条时获取滚动条的问题。滚动条只会在有内容实际脱离元素时才会显示）。

我已经更新了代码，它工作正常，只是看看。

.dropdown-scrollbar
{
    height: 50px;
    overflow: scroll;

}
<ul class="dropdown-menu dropdown-scrollbar">

                            <!-- <li><a href="#"></a></li> -->
                               {% for table_name in obj %}
                                <option>{{ table_name.table_name }}</option>
                              {% endfor %}                          
                            <!-- <li><a href="#">Dropdown link</a></li> -->
</ul>

推荐阅读