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

Question

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

我在不同的 slider 方面做得很好，但是当我开始滚动时出现间隙问题，第一个背景跳下。

你可以在我的页面上看到问题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 高度声明为 1000px，然后再次添加为 800px？第二个将覆盖第一个，并且可能是差距的来源。