制作DropDown菜单'DropUp' [英] Making DropDown menu 'DropUp'
问题描述
我想实现一个下拉菜单。作为一个起点,我使用一个现有的下拉菜单构建使用HTML / CSS / jQuery基于CSS技巧的简单的jQuery下拉列表。 (因为我不能得到一个纯粹的css一个工作在触摸设备,因为他们依赖悬停状态。)
I am trying to implement a drop up menu. As a starting point I am using an existing drop down menu built using HTML/CSS/jQuery based on CSS trick's Simple jQuery Dropdowns. (As I couldn't get a pure css one to work on touch devices as they relied on hover states.)
我做了一点进展fiddling与 ul.dropdown ul {top:-100%; }
但这只是将下拉一个行,我不相信是语义css。
I have made a little bit of progress fiddling with ul.dropdown ul {top: -100%; }
but this only moves the dropdown up one 'row', I am not convinced that's semantic css.
任何想法如何实现这一点?
Any ideas how I could achieve this ?
我在这里做了一个jsfiddle的问题 - http:/ /jsfiddle.net/TTTb6/
I have made a jsfiddle of the problem here - http://jsfiddle.net/TTTb6/
推荐答案
尝试更改:
ul.dropdown ul {
bottom: 100%;
}
这篇关于制作DropDown菜单'DropUp'的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!