CSS下拉菜单定位 - 向上滑动?

标签 css

我有一个名为 Yt Mega Menu 的弹出式菜单系统(ala superfish 风格),它安装在 Joomla 网站中。大多数菜单的标准配置是,当将鼠标悬停在菜单项上时,子菜单会下拉。对于我正在处理的元素,我需要对此进行更改,以便子菜单在菜单位于页面底部时向上滑动。

在其隐藏状态下,子菜单绝对定位在 -999em 的左侧位置。当鼠标悬停在父菜单项上时,顶部设置为自动,底部、左侧和右侧均为 0。

我相信如果我可以设置子菜单的顶部或底部位置,我可以获得预期的效果。问题是这取决于子菜单的高度。如何在不知道子菜单高度的情况下将此子菜单置于主菜单项上方?

更新 - 查看页面底部的菜单 http://www.affect4.net对于这个问题。请注意菜单下方的空间以及下拉效果。

谢谢!

最佳答案

http://jsfiddle.net/DYnrE/

只需将子菜单绝对放在底部而不是顶部。

关于CSS下拉菜单定位 - 向上滑动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8632790/

相关文章:

javascript - 如何防止孙元素的超链接

css - 在 asp :DataPager 中突出显示选定的页码

html - 需要将所有 CSS 组件放在一行中

html - CSS - 对齐垂直居中和向右浮动的问题

c# - WebResource.axd 404

javascript - 减小 Leaflet 多边形的边框宽度

css - 如何使用 CSS 更改 R Shiny 数据表 csv/excel/columnVisibility 按钮的颜色

css - 在 javascript 中启用或禁用按钮

python - 如何将背景图片网址设为静态

html - CSS sticky 忽略 1px