有人能帮我创建一个两列布局的静态侧边栏吗

Question

当用户开始滚动时，请帮助我将右侧边栏设置为静态。我是响应型网页设计的新手。我试着使用"position:fixed"属性，但我不知道它在响应设计中的可行性。请帮帮我。这是链接http://the-bootstrap.obenland.it/page-with-comments/

Answer 1

JSfiddle为您服务——JSfiddleforyour

创建这样的类：-

.fixed {
          position:fixed;
          right:88px; /*insert this aswell*/
       }

并将其与侧边栏部分一起使用，如下所示。

<section role="complementary" class="widget-area span4 fixed" id="secondary">

Answer 2

如果您希望维护响应式Web设计原则，那么简单地应用position:fixed是行不通的。如果你想让它在较小的屏幕上很好地工作，你就必须有条件代码。它必须在"正常"屏幕上修复，当屏幕变得"太小"时，您需要删除该类。你还必须决定"正常"one_answers"太小"对你来说意味着什么。参见此处获取示例：

http://home.edgemontgeek.com/dev/stackoverflow/14919523/

请记住，您还需要控制屏幕高度。如果窗口不够大，无法容纳固定内容，他们将无法看到它。你可以考虑有两列可以单独滚动。

Answer 3

使用

.fixed{
left:0;
position:fixed;
top:Height_of_logo;
}

这将创建一个侧边栏，在顶部为徽标留出空间，但如果你想让侧边栏在用户向下滚动时向上滑动，然后在徽标超出范围时粘住，那么我建议你使用Jquery插件，比如这个

http://viget.com/inspire/jquery-stick-em

这个网站有非常好的文档和演示。