1

jQueryで視差効果を使う方法を学んでいます。

さまざまなスライダーに関してはうまくいっていますが、スクロールを開始するとギャップの問題が発生し、最初の背景が下にジャンプします。

ここの私のページとソースコードを表示することで、問題を確認できます。

これを回避する解決策はありますか?マージンの値を変更しようとしましたが、「高さ」の問題である可能性があると思います。よくわかりません。

これが私のcssコードの一部です:

 body {
margin: 0;
padding: 0;
color:#fff;
font: normal 90% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Arial,Helvetica,Sans-     Serif;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}



#slide1, #slide2, #slide3 {
height: 1000px;
}

#slide1 {
background: url(images/bg/01.jpg) 50% 0 no-repeat fixed;
color: white;
height: 800px;
margin: 0;
overflow: hidden;
padding: 0;
}

#slide2 {
background: url(images/bg/02.jpg) center 0 no-repeat fixed;
color: white;
height: 1000px;
margin: 0 auto;
overflow: hidden;
padding: 0;
}
4

1 に答える 1

0

#slide1 の高さを 1000px として宣言し、800px として再度追加しますか? 2 番目のものは最初のものをオーバーライドし、ギャップが発生している可能性があります。

于 2012-09-13T08:31:24.813 に答える