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

Question

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

这看起来不错，但我希望有一些方法可以让侧边栏保持可访问性。我可以想到几个替代方案：

• 只需将侧边栏放在内容的底部：很容易做到，但我发现这很痛苦。目前尚不清楚内容是否存在，您必须一直向下滚动才能真正找到它
• 放置某种固定的“选项卡”，您可以单击它，它会滑动打开侧边栏，可以再次关闭它。虽然这似乎最有用，但我还没有看到任何这样的例子？

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

Answer 1

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

您所描述的侧边栏滑到主要内容下方的布局无疑是最常见的方法。我听到你说它在下面并不明显，但根据我的经验，用户会滚动。

如果您担心，Luke 的文章列出了显示导航的方法以及一些替代方法。特别是您可能对他描述的“画布外”模式感兴趣，大多数人在 Facebook 应用程序中都熟悉这种模式，您可以在其中单击导航链接，然后它会从屏幕外滑入。