css - 为什么我的页面上出现 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

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

inner { overflow: hidden; }

Answer 2

您也可以使用以防其他原因导致此问题

html {
  overflow-x: initial !important;
}

Answer 3

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

通过降低包装器的高度，第二个滚动条现在消失了。因此，请尝试降低视差 div 周围 div 的高度。

wrapper {
  height: 650px;
}