2012-08-25 31 views
1

我想從飛鏢ui_lib中使用CompositeView。我想在可以上下滾動的div中顯示東西。到目前爲止,我沒有運氣,沒有太多樣本。如何在Dart中使用CompositeView創建可滾動的div?

由於提前, user864555

編輯:

我去futher。現在,我擁有顯示的滾動條,但內容的大小看起來就是窗口的大小。所以,是的,我可以看到上下滑動,看到更多的東西,但它反彈回到原來的位置。

var v = new CompositeView('example', true, true, true, true); 
for (var i = 0; i < 20; i++) { 
    v.addchild(new View.html("<div><h1>Some text</h1></div>")); 
} 
+0

您可以添加的代碼,例如,你在做什麼並想完成。 –

+0

你想用什麼ui_lib? –

+0

我試圖使用Dart樣本提供的一個http://code.google.com/p/dart/source/browse/#svn%2Ftrunk%2Fdart%2Fsamples%2Fui_lib – darkzangel

回答

1

訣竅是確保您的內容的容器具有窗口大小。要做到這一點,你需要添加一些CSS:

html { 
    height: 100%; 
    width: 100%; 
} 

body { 
    margin: 0 0 0 0; 
    height: 100%; 
    width: 100%; 
    overflow: hidden; 
} 

這裏是重要的一點,你必須給你的div容器這樣的:

.example { 
    position: absolute; 
    left: 0; 
    right: 0; 
    top: 0; 
    bottom: 0; 
}