我需要一些帮助来重新创建在http://www.googleventures.com/ 上找到的效果 我怎样才能做到这一点？任何帮助将非常感激！我虽然可能有视差，但我不知道该怎么做......请帮忙！
问问题
321 次
3 回答
5
给你，http://jsfiddle.net/xbXhD/1/
顶部 div 可以有链接等，就像在 Google Ventures 上一样，而不仅仅是一张图片。你明白了:)
于 2012-07-06T23:54:44.377 回答
1
您应该能够使用margin-top. 看这个简单的例子：http: //jsfiddle.net/lbstr/QE3Qh/11/
请允许我解释一下我在小提琴中所做的事情：
你有两个 div#fixed和#content.
#fixed有一个导航菜单，顾名思义是固定的。z-index: 1确保它保持在#contentdiv 下。这是CSS：
#fixed { position: fixed; top: 0; padding: 200px 0;z-index: 1 }
#content有一个大margin-top的，可以让我们#fixed在滚动到页面顶部时看到。它有一个更高的z-index位置，因此它会#fixed在滚动时显示在顶部。不要忘记添加一些position，否则z-index意味着什么。这是那个CSS：
#content { margin-top: 400px; background-color: white; z-index: 2; position: relative; }
于 2012-07-06T23:49:24.853 回答
0
检查这是否有帮助 - http://www.ianlunn.co.uk/plugins/jquery-parallax/
您也可以通过 css 实现视差
于 2012-07-06T23:50:35.717 回答