javascript - 实现响应式侧边菜单

Question

我一直在研究一个项目的网页。该项目有另一位软件工程师，他离开后我一直在继续浏览网页。问题是，他更喜欢侧边菜单而不是使用左面板和右面板方法的导航栏。它在桌面上看起来不错，但是当您将宽度减小到移动尺寸时，侧边菜单会消失，您只能看到右侧面板。

所以，我认为我可以通过使用我在自学项目中使用的导航栏来解决这个问题。( https://orcungurer.github.io/tindog ) 希望不禁止发送它的 url。当您将其切换到移动设备时，此导航栏会变成汉堡菜单。我已经像 url 一样做了一个导航栏，但我无法将它实现到项目中，因为左面板和右面板的东西阻止了我。就像，导航栏适合他声明的左面板但留在右面板后面。如果我提到我的问题太抽象，我真的很抱歉，但原因是它对我来说也太抽象了.. .html 文件太多，我无法完全适应这些。

我实现的导航栏菜单是这样的：https ://www.codeply.com/go/tIsplp6WuY

它没有像我预期的那样进行。所以，当我想在桌面上做时，我想保持网站和他一样，但是当它变成移动尺寸时，我想制作一个稍微不同的菜单。正如我所尝试的，汉堡导航栏菜单。您的所有意见对我都很重要，非常感谢。

标签： javascriptjqueryhtmlcss

Answer 1

从理论上讲，我有点担心你，但理解你的问题并没有帮助。因此，如果您可以在 Codepen、JSFiddle 等上分享一些演示，那就太好了。