连续的HTML页面滚动

Question

我想实现一个连续的滚动html页面。

我发现一个div例子的这种连续滚动，但我无法修改代码，以便它的工作原理整个HTML页面上：

这里是我的代码的jsfiddle： http://jsfiddle.net/howderek/N9PWn/

任何帮助指引我在正确的方向非常感谢。

Answer 1

如果将div的宽度/高度设置为100％的空间，该怎么办？

UPDATE：

#verticalScroller { 
    position: absolute; 
    width: 52px; 
    height: 98%; 
    border: 1px solid red; 
    overflow: hidden; 
} 

jsFiddle

Answer 2

天真的答案会是对你的网页的任何内容滚动DIV中存在。

Answer 3

您需要调整CSS中的宽度。

#verticalScroller { 
    position: absolute; 
    width:100%;      //set the width to 100% to take over the space 
    height: 180px; 
    border: 1px solid red; 
    overflow: hidden; 
} 

#verticalScroller > div{ 
    position:absolute; 
    width:100%;      //set the width to 100% there also 
    height:50px; 
    border: 1px solid blue; 
    overflow:hidden; 
} 

Answer 4

你有没有看着Infinite scrolling?