基于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/）打开菜单。它可能没用，因为松散焦点后菜单会关闭，但它可以正常工作。