菜单从图像底部上升

Question

我一直在寻找一种方法，让菜单从图像下方的菜单栏中升起

我想要它，所以当你点击一个箭头时，菜单会打开并部分覆盖图像，而不会影响页面中其他元素的位置。

我很难找到办法做到这一点。在这里发布的原因不是一个完整的解决方案，但认为也许有人可以指出我正确的方向。例如，这有名字吗？任何可能有帮助的jQuery插件？

我尝试使用slideUp（）和slideDown（）重新创建此效果，但我无法让它执行所需的效果。我也尝试过使用手风琴，但却无法达到预期的效果。

非常感谢任何帮助。

Answer 1

如果最初带有提交按钮的菜单需要出现在页面底部：

尝试使用定义的高度设置position: absolute;和bottom:0px;。

然后对于箭头标记，绑定点击事件。

在点击事件回调函数中：

使用jQuery.animate功能并更改css的高度和顶级属性。

如果你不想要任何动画，那就更好了，只需切换底栏的CSS类。