連續的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?