javascript - 调整浏览器窗口大小时创建可下拉菜单

Question

所以我正在努力实现一个响应式网站。

到目前为止，这是我的导航(窗口已最大化):

我想要实现的是，当调整窗口大小时，将出现一个名为菜单的新选项卡。这将是一个按钮，单击该按钮将显示我拥有的所有现有链接。

我在两个单独的 div's 中有两个列表，理想情况下，当调整窗口大小时，我希望可以在这个新菜单中查看来自两个 lists 的内容.

这是将 Chrome 调整到最低宽度时的样子:

如您所见，图像中的那些链接(拉伸(stretch)运动、姿势等)不应该是可见的。它们应该在单击菜单后动态显示，这是另一个问题，单击菜单什么都不做。

我所有的东西都可以在这个 fiddle 中找到:https://jsfiddle.net/hudnybux/

Answer 1

我相信您可以想象这是一个非常常见的用例。谷歌搜索花了我 5 秒，this是第一个弹出的。遵循起来似乎简单明了。

作为堆栈溢出的一般规则，在你提问之前试着四处看看......人们通常会对你的答案做出更好的 react 。 :)