菜单从图像

-2

我一直在寻找一种方法，使菜单的底部上升，从菜单栏上升图片下方的菜单从图像

enter image description here

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

我正在努力寻找一种方法来做到这一点。在这里张贴的理由不是一个完整的解决方案，但认为可能有人可以指引我在正确的方向。例如，这是否有名字？任何jQuery插件可能有帮助？

我试图重新使用slideUp（）和slideDown（）的这种影响，但我无法让它做所需的影响。我也尝试使用手风琴，但无法获得这种效果。

任何帮助将不胜感激。

来源

2015-03-02 Neil

这不是StackOverflow的工作原理。通常情况下，你必须尝试一些东西，如果你被卡住了，请告诉我们你的代码。但是，作为一个提示，我将菜单定义为'position：absolute'，这样它就变成了“free”，并且在移动时不会影响其他任何东西。然后你可以通过改变“底部”属性来设置它的动画效果。 – 2015-03-02 15:42:24

我认为'top'或'height'属性会更好。尽管如此，还是有很多自下而上的菜单可供参考。 – isherwood 2015-03-02 15:43:11

如果你想去'position：absolute'路线，还有一条建议：确保你将图像和你的菜单包裹在一个具有'position：relative'的元素中。否则，菜单将根据最近的非静态元素进行定位，这可能与整个视口一样远。 – 2015-03-02 15:46:05

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

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

然后为箭头标记绑定一个点击事件。

在点击事件的回调函数：

使用jQuery.animate功能，改变高度和CSS的顶级性能。

如果您不想要任何动画，甚至可以更好地切换底部栏的CSS类。

来源

2015-03-02 15:54:12 mohamedrias

回答

相关问题