html - 基于 Css 的菜单，可将网站向下滑动

Question

任何人都可以建议基于 css 的大型菜单，该菜单在菜单下方(打开时)向下滑动网站，并在菜单关闭时向上滑动网站。或者如何构建此类菜单。

提前致谢

Answer 1

可以使用 css 转换。但如果没有 javascript，您将无法通过鼠标点击触发动画。

.slidemenu
{
    height: 0;
    background: red;
    transition: height 1s ease 0s;
    overflow: hidden;
}

.slidedown
{
    height: 20px;
}

当你给菜单添加.slidedown类时，它会向下滑动。移除时-向上滑动

http://jsfiddle.net/TXkWB/

更新(2014 年 3 月 20 日):

可以只使用 css ( http://jsfiddle.net/RMfSB/ ) 打开菜单。这可能没用，因为菜单会在失去焦点后关闭，但它确实有效。