为什么我的页面上会出现2个滚动条?1个内部滚动条和1个外部滚动条

Question

为什么我的页面上会出现2个滚动条？1个内部滚动条和1个外部滚动条？

我在这里使用无限ajax滚动：http://infiniteajaxscroll.com

和纯css视差滚动这里：http://blog.keithclark.co.uk/pure-css-parallax-websites/

这是我的演示：http://bycustomdesign.com/_misc/_09/page1.html

页面1生成2个滚动条，内部和外部。我不知道为什么如何摆脱内部滚动条，但仍能向下滚动到第2页和第3页。

Answer 1

您也可以在其他原因导致的情况下使用

html {
  overflow-x: initial !important;
}

Answer 2

在内部滚动div中添加以下CSS可能会有所帮助：

inner { 
  overflow: hidden;
}

Answer 3

我有一个围绕视差div的包装器。

通过减少包装器的高度，第二个滚动条现在不见了。所以试着减少视差div周围的div的高度。

wrapper {
  height: 650px;
}