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

时间:2014-09-30 17:49:21

标签: css scroll parallax jquery-ias

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

3 个答案:

答案 0 :(得分:1)

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

inner { overflow: hidden; }

答案 1 :(得分:0)

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

html {
  overflow-x: initial !important;
}

答案 2 :(得分:0)

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

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

wrapper {
  height: 650px;
}