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;
}