滚动纸对话框内的内容

时间:2016-08-15 12:52:56

标签: javascript html polymer

我们正试图从parallel::makeForkCluster()派生出一个可重复使用的模态对话框。

我们需要找到一种在对话框中创建滚动区域的方法。 paper-dialog不符合我们的需求,因为我们不知道滚动区域的嵌套深度,我们不希望客户端需要编写javascript代码。我们希望使用普通的CSS。这是我们最小的例子:

paper-dialog-scrollable

对话框本身的大小正确,但标识为 <paper-dialog id="minidlgexample"> <div id="dlgbody"> <div id="header" style="background-color: green;"> <div>I'm the header</div> </div> <!-- This overflow:auto has no effect :( --> <div id="contentcontainer" style="overflow:auto;"> <div id="content" style="background-color: #16738F; height: 2345px;">Yay. 2300px of contents</div> </div> <div id="footer" style="background-color: yellow;"> <div>Footer</div> </div> </div> </paper-dialog> 的{​​{1}}不会显示滚动条,而是以其全高显示 - 直到显示页脚底部的屏幕底部。< / p>

0 个答案:

没有答案