Question

嘿伙计们，我有一个相当简单的问题：

我的网站有两层：

1）顶部的拖放导航应该是绝对定位的，因此滚动不会影响条形。

2）导航后面的内容区域应该是可滚动的。

你可以在这里看到我的意思：http://jsfiddle.net/Pghqv/

但是现在，我无法点击后面内容区域中的链接。任何想法或解决方案，我仍然可以获得相同的位置结果，后面的链接是否正常工作？

非常感谢你。

Answer 1

在您的演示中，您无法单击标题后面的内容的唯一原因是，因为它位于标题 #navigation div 之后。如果您从标题 #navigation div后面移动它，例如margin-top: 200px;，那么它可以工作：JS fiddle demo。

<小时/> 已编辑关于动态解决方案和jQuery标记的需求：

如果事先不知道#navigation div的高度，则可以使用以下jQuery代替样式表中的具体css声明：

$('#page-wrap').css('margin-top',$('#navigation').outerHeight());