制作下拉菜单“DropUp" [英] Making DropDown menu 'DropUp'

查看:35
本文介绍了制作下拉菜单“DropUp"的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在尝试实现一个下拉菜单.作为起点,我使用基于 CSS 技巧的 Simple jQuery Dropdowns 使用 HTML/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.)

我在 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

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

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