制作DropDown菜单'DropUp' [英] Making DropDown menu 'DropUp'

查看:136
本文介绍了制作DropDown菜单'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%;
}

已更新jsfiddle

这篇关于制作DropDown菜单'DropUp'的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆