如何在Dart中使用CompositeView创建可滚动的div？

Question

我正在尝试使用Dart中的ui_lib中的CompositeView。我想在div中显示可以上下滚动的东西。到目前为止，我没有运气，也没有太多样本。

提前致谢， user864555

修改

我走得更远了。现在，我有滚动条显示，但内容的大小看起来是窗口的大小。所以，是的，我可以看到向上和向下滑动并看到更多的东西，但它会反弹到最初的位置。

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>"));
}

Answer 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;
}