html - CSS - 如何管理具有数百个元素的多级类别？

Question

我有四个级别的类别，在鼠标悬停时显示为下拉菜单，但我的问题是这些类别和子类别有数百个元素，当我添加滚动条时，它不显示较低级别的类别在鼠标悬停时。

以下是上图中显示的第 3 级类别的 CSS:

    .third-level-cat {
        max-height: 400px;
        overflow-y: scroll;
        direction: rtl;
    }

谁能帮帮我？

Answer 1

试试overflow: auto;

你正在使用 overflow-y: scroll;这意味着水平溢出将被隐藏。这可能是隐藏您的下一个子菜单的原因，我认为它会出现在右侧，但是您没有发布完整的代码。

在任何情况下，您都可能想退一步分析您的整个界面/体验。这种设置不是最灵敏的，即使在鼠标+桌面用户的环境中，也有更好的搜索和过滤方式。