javascript - 制作下拉菜单'DropUp'

Question

我正在尝试实现一个下拉菜单。作为起点，我使用基于 CSS 技巧的 Simple jQuery Dropdowns 使用 HTML/CSS/jQuery 构建的现有下拉菜单。（因为我无法获得纯 CSS 来在触摸设备上工作，因为它们依赖于悬停状态。）

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

有什么想法我能做到这一点吗？

我在这里提出了问题的 jsfiddle - http://jsfiddle.net/TTTb6/

score 4 · Accepted Answer

4

尝试改变这个：

ul.dropdown ul {
    bottom: 100%;
}

于 2013-04-26T16:19:22.923 回答

score 2 · Accepted Answer

2

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

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

于 2013-04-26T16:19:22.100 回答

score -2 · Accepted Answer

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

3 回答 3