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

Question

我正在学习如何在 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;
}

Answer 1

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