Question

我正在尝试实现一个下拉菜单。作为一个起点，我使用基于CSS技巧的简单jQuery下拉列表使用HTML / CSS / jQuery构建的现有下拉菜单。（因为我依靠悬停状态，因此无法获得纯粹的css触摸设备。）

我在摆弄ul.dropdown ul {top: -100%; }方面取得了一些进展，但这只会使下拉列表向上移动一行，我不相信这是语义css。

我是如何实现这一目标的？

Answer 1

尝试更改此内容：

ul.dropdown ul {
    bottom: 100%;
}

Answer 2

而不是top，请使用bottom: 100%;：

ul.dropdown ul {
    position: absolute;
    bottom: 100%;
}

Answer 3

对于触控设备，您需要在点击事件中编写代码。请在这里查看这个，你会得到答案......