python - 如何使下拉菜单可滚动

Question

我正在尝试在导航栏中构建一个下拉菜单。我已经这样做了，但是元素列表太长而无法放在页面上(列表的底部被隐藏)因此我需要使列表可滚动。截至目前，当菜单“打开”并且我滚动时，它会滚动菜单后面的页面而不是菜单。请帮我解决这个问题!下面我发布了一些与此下拉菜单相关的 HTML 和 CSS。

<li class="nav-item dropdown">
                    <a href="#" class="nav-link dropdown-toggle scrollable-menu" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">INSTRUMENTS</a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        {% for instrument in instruments %}
                            <a href="{% url 'instruments:individual_display' instrument.id %}" class="dropdown-item"> {{ instrument.name }} </a>
                        {% endfor %}
                    </div>
                </li>

.scrollable-menu {
    height: auto;
    max-height: 500px;
    overflow-x: hidden;
}

Answer 1

您尝试过使用 overflow-y: auto 或 overflow-y: scroll 了吗？目前没有时间处理示例，但这应该能为您指明正确的方向。

你可以找到类似的帖子here了解更多信息。