Jquery 如何达到使用效果http://www.googleventures.com/?

我需要一些帮助来重新创建在上找到的效果。我想在我的网站上创建一个标题和内容滑块，当页面的其余部分滚动到它上面时，它会保持在原位。我该怎么做？任何帮助都将不胜感激！我想这可能是视差，但我不知道如何做到这一点…请帮助

您应该能够使用

页边距顶部

。请参见以下简单示例：

请允许我解释一下我在小提琴上做了什么：

您有两个div，

#fixed

和

#content

#fixed

有导航菜单，顾名思义是固定的

z-index:1

确保它位于

#content

div下。以下是css：

#fixed { position: fixed; top: 0; padding: 200px 0;z-index: 1 }

#content

有一个很大的

页边距顶部

，当滚动到页面顶部时，我们可以看到

#fixed

。它有一个更高的

z索引

，因此滚动时它将显示在

#fixed

的顶部。不要忘记添加一些

位置

，否则

z-index

没有任何意义。以下是css：

#content { margin-top: 400px; background-color: white; z-index: 2; position: relative; }​

检查这是否有助于-

您还可以通过css实现视差

来吧

---

顶级部门可以有链接等，就像谷歌风投一样，而不仅仅是一张图片。你明白了：）

实际上，这完全可以用css来完成。你只需要一个相对前景的固定背景div，它的边距上限值足够大，可以显示背景div。我很确定你可以做到这一点，撇开玩笑不谈，这是一个非常简单的css技巧。恕我直言，不管其他“评论”如何，在问题主题中通过引用描述的效果可能不是永久性的。说“我想要这种效果，让我看看”通常不会成为一个正确的问题。也许boo合唱团中的一位想要详细阐述他们的天才，但我投票认为“没有建设性”。很抱歉欢迎光临！你在答案中包含的内容（不是链接）实际上并不等于记录你的效果。它确实有效，但请在您的答案中记录下来<代码>：）我更新了我的答案，并做了一些解释。它在Chrome和FF中对我来说很好。我同意。也许那是在我编辑之前。在那一点上我没有太多的解释…也没有“上浮”的答案，我怀疑这是由赛义德·唐弗特上浮的答案。非常感谢你的帮助！知道了！欢迎来到SO！如果你觉得答案有用，一定要把它标记为已接受。并阅读顶部Jared的评论。此外，在提出问题之前，你应该先投入自己的努力。干杯我认为在这种情况下，这样做太过分了，但我认为不值得投反对票，所以我把你的票数提高到0。