带有铁页的纸对话框和每页纸内对话框可滚动

时间:2015-10-22 15:47:31

标签: polymer

使用聚合物1我尝试找到一种方法来在纸张对话框内和每个页面内部进行dinamically切换页面,以获得纸质对话框可滚动元素。

这是我尝试做的简短版本:

<paper-dialog with-backdrop>
    <iron-pages selected="0">
        <div>
             <paper-dialog-scrollable>
             Long content 1 goes in here...
             </paper-dialog-scrollable>
        </div>
        <div>
             <paper-dialog-scrollable>
             Long content 2 goes in here...
             </paper-dialog-scrollable>
        </div>
    </iron-pages>
</paper-dialog>

问题在于,当窗口调整大小时,纸张对话框可滚动遍历纸张对话框边缘,并且不会显示滚动条。

我看过纸质对话框可滚动的代码,它有一个&#34; dialogElement&#34;默认情况下的属性&#34; this.parentNode&#34;。我也尝试在每次更改页面时从代码中更改它,但我无法让它工作。这是&#34;代码&#34;:

this.querySelector('iron-pages').selectedItem.querySelector('paper-dialog-scrollable').dialogElement = this.querySelector('paper-dialog');

我做的最后一次尝试是使用以下内容在上面的代码片段下的对话框上触发refit和notifyResize:

this.querySelector('paper-dialog').notifyResize();
this.querySelector('paper-dialog').refit();

也许有人遇到过这个问题并找到了解决方案!? 任何提示或想法将不胜感激!

0 个答案:

没有答案