jquery - css 位置问题 : layers with z-index?

Question

大家好，我有一个可能相当简单的问题:

我的网站有两层:

1) 顶部的拖放导航应绝对定位，因此滚动不会影响栏。

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

你可以在这里明白我的意思:http://jsfiddle.net/Pghqv/

但是现在，我无法单击后面内容区域中的链接。有什么想法或解决方案我仍然可以得到相同的位置结果并且后面的链接有效吗？

非常感谢。

Answer 1

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

---

编辑关于动态解决方案和 jQuery 标记的需要:

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

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

JS Fiddle demo 。