2012-12-27 87 views
1

可能重複:
How to create a custom scrollbar on a div如何設置文件的高度

我遇到了以下機身

<div id="app-container"> 
    <div id="canvas-container"> 
     <div id="canvas"></div> 
    </div> 
</div> 

在CSS我:

#canvas { 
    position: absolute; 
    background-color: transparent; 
    width: 100%; 
    height: 100%; 
} 

#app-container { 
    height: auto !important; 
    min-height: 100%; 
} 

#canvas-container { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
} 

之後我加入的div(與jquery.appendTo和jquery.offset),以<div id="canvas"></div>

display: inline-block; 
position: absolute; 

在CSS。所以添加這樣一個div不會影響文檔大小。如果我添加多個div,其中一些可以位於屏幕邊緣的下方。我怎樣才能添加一個滾動框,以便我可以看到所有div?

+1

將溢出更改爲「滾動」。 – Narendra

+0

你能分享你的代碼在「http://jsfiddle.net/」 –

回答

2

#canvas內的屬性overflow: autoheight: (required height)應該使所有可見的div內。

我在我的應用程序中使用過這幾次。希望我沒有錯過任何非常明顯的事情。