布局有两个滑动侧板

Question

我试图弄清楚如何用两个滑动面板创建一个简单的移动第一布局。基本上，如果观看区域的宽度小于700px，我希望布局看起来像这样：

这主要适用于移动设备屏幕，并允许用户点击左上方的汉堡菜单，让左侧菜单向左滑动，或者点击右上角的省略号，让右侧菜单从中滑入左边。看起来很简单，但我想要修复两个菜单，所以当主要内容滚动菜单时，不要放在顶部。

此外，当观看区域超过700px时，我希望这两个菜单自动显示如下：

我想知道是否有人可以帮我快速解决这个问题。我似乎无法把它钉死。我很感激。

Answer 1

1. 要实现响应式要求，可以使用media queries将特定的CSS样式设置为所需的屏幕大小。

2. 要获得修复顶部菜单栏，您可以参考position:fixed