连续的html页面滚动

Question

I'd like to achieve a continuous scrolling html page.

I've found this continuous scrolling of a div example, but I am unable to modify the code so it works on a whole html page:

Here is a jsfiddle of my code: http://jsfiddle.net/howderek/N9PWn/

Any help in pointing me in the right direction is greatly appreciated.

Answer 1

What if you set the width/height of the div to 100% of the space?

UPDATE :

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

jsFiddle

Answer 2

天真的答案是让页面的任何内容都存在于滚动div中。

Answer 3

you need to adjust the width in your 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

您是否看过无限滚动？