如何实现推送页面的 JQuery 或 CSS3 响应式侧边菜单

How can I implement a JQuery or CSS3 responsive side menu that pushes the page

好的,所以我希望使用 JQuery 或 CSS3 为我的网站实现响应式侧边菜单。我一直在寻找一个侧面菜单,当单击菜单 link 时,它会推送页面内容。单击菜单 link 时,我希望在菜单中添加一个 X(关闭按钮)。我已经查看了一些响应式菜单,但似乎找不到可以满足我要求的菜单。

不过,我在 themeforest 上找到了一个网站,它正是我要找的东西。谁能帮我解释一下他们使用了什么插件,在哪里可以找到它,以及他们是如何实现这个结果的。

This is the website that has the responsive menu I am looking for. They have implemented it well

抱歉,我刚刚意识到我在问这是如何完成的。我真的只是在寻找一个 JQuery 插件或一个替代品来实现上述 link 的结果。 (owwwlab.com)

在网站上,您引用的用于触发菜单的图标的 ID 为 'menu-toggle-wrapper'。

如果您搜索他们的自定义 js @ http://owwwlab.com/toranj/assets/js/custom.js,您会找到单击此按钮时触发的函数。您还必须剖析他们的 CSS 以找出转换如何工作的所有细节,因为此行为部分受此 javascript 触发器控制,部分受站点 CSS 控制。

选项 B 是搜索一些 jQuery 关闭 canvas 菜单插件。这可能是一条更容易的路线。

祝你好运!

我不知道为什么你需要一个插件,而你只需要 jquery

中的一个功能
.toggleClass()   

就是这样,还有一点 css 专家..看这个

Jsfiddle

自己实现起来非常简单..试一试..希望对您有所帮助