视差效果 - 向下滚动时第一个背景的间隙问题

Question

我正在学习如何使用jQuery的视差效果。

我对不同的滑块做得很好，但是当我开始滚动时，我有一个间隙问题，第一个背景跳下来。

您可以在我的页面here上查看问题并查看源代码。

有什么解决方法可以避免这种情况吗？我试图改变保证金值，但我认为这可能是一个“高度”问题，我不确定。

以下是我的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;
}

Answer 1

＃slide1 height声明为1000px，然后再次添加为800px？第二个将覆盖第一个，可能是差距的来源。