http://www.googleventures.com/で見られる効果を再現するための助けが必要です。 自分の Web サイトにヘッダーとコンテンツ スライダーを作成し、ページの残りの部分がスクロールしてもその位置に留まるようにしたいと考えています。これどうやってするの？どんな助けでも大歓迎です！パララックスで可能かもしれませんが、方法がわかりません...助けてください！
質問する
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/
私がフィドルで何をしたかを説明させてください：
2つのdivがあり、#fixedと#content。
#fixedナビゲーションメニューがあり、名前が示すように固定されています。それがdivz-index: 1の下にとどまるようにします。#contentこれがcssです：
#fixed { position: fixed; top: 0; padding: 200px 0;z-index: 1 }
#contentページの一番上までスクロールしたときmargin-topに表示できる大きなものがあります。スクロールすると上に表示されるように#fixed高くなっています。いくつかを追加することを忘れないでください、さもなければ何も意味しません。これがそのcssです：z-index#fixedpositionz-index
#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 に答える