响应式布局：保持侧边栏可达的最佳方式

Question

我有一个有两列布局的网站，就像我想的那样有几十个。我目前正在将网站转换为具有响应式布局，我最常看到的是边栏只是被抑制而且只显示了主要内容。

看起来不错，但我希望能有一些方法来保持侧边栏的可达性。我可以想到几个选择：

• 只需将侧边栏放在内容的底部：轻松完成，但我发现完全痛苦。目前尚不清楚内容是否存在，您必须一直向下滚动以实际找到
• 放置一些固定的“Tab”，您可以单击它，这将滑动侧边栏，可以再次关闭。虽然这看起来最有用，但我还没有看到任何这方面的例子？

你处理这样的事情的方法是什么？

Answer 1

Luke Wroblewski撰写的这篇文章概述了一些最常见的响应式布局模式：http://www.lukew.com/ff/entry.asp?1514

您正在描述侧边栏在主要内容下方向下滑动的布局当然是最常用的方法。我听到你说的是，它在那里并不明显，但根据我的经验，用户会滚动。

如果你担心，卢克的文章列出了揭示导航的方法和一些替代方法。特别是你可能对他所描述的“非画布”模式感兴趣，大多数人都熟悉Facebook应用程序，点击导航链接，它从屏幕外滑入。