制作DropDown菜單'DropUp'

Question

我正在嘗試實現一個下拉菜單。 作為一個起點，我使用基於CSS技巧的簡單jQuery下拉列表使用HTML / CSS / jQuery構建的現有下拉菜單。 （因為我依靠懸停狀態，所以我無法獲得純粹的css來觸摸設備。）

我用ul.dropdown ul {top: -100%; } ul.dropdown ul {top: -100%; }但這只是移動下拉了一個“行”，我不相信這是語義的CSS。

有什么想法我能做到這一點嗎？

我在這里提出了一個問題的方法 - http://jsfiddle.net/TTTb6/

Answer 1

嘗試改變這個：

ul.dropdown ul {
    bottom: 100%;
}

Answer 2

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

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

Answer 3

對於觸摸設備，您需要在點擊事件中編寫代碼。 請在這里查看這個，你會得到你的答案......

制作DropDown菜單&#39;DropUp&#39;