1

我正在制作一个应用程序原型，当用户进入配置选项时，它会打开几层对话框。我想在其中一个对话框中使用paper-dropdown-menu 。它完全显示在其父级中，导致出现滚动条。我希望它出现在同一个位置但溢出父级。

你可以看到它的样子：paper-dropdown-menu demo page。只需单击切换覆盖并打开在中心弹出的菜单。

我尝试了多种定位变体，似乎没有任何效果。

有没有我想不通的方法？

4

2 回答 2

2

分层属性应该理顺事情。在聚合物博客上有一些关于如何使用它的信息。https://blog.polymer-project.org/releases/2014/11/12/release-0.5.1/只需查找有关破坏子结构的部分。

编辑：回顾您链接的演示。他们在叠加层的下拉菜单中使用 layered 属性。看起来这可能是核心覆盖的错误我最近看到了一些奇怪的行为。但是 layered 属性是我们应该在这种情况下使用的。

于 2015-01-08T12:16:59.893 回答
0

这有帮助吗？https://github.com/Polymer/paper-dialog/issues/50#issuecomment-76563028

我遇到了将分层放入分层中的问题，<paper-dropdown-menu>因为<paper-dialog>它们都使用了具有相同 z-index 的单独<core-overlay-layer>元素。当添加新的叠加层时，我做了一些变通方法来重新编号它们的 z 索引。

   domReady: function () {
        jQuery("body").on('core-overlay-open', function(e) {
            var zi = 1000;
            jQuery("core-overlay-layer").each(function (ei, elem) {
                elem.style.zIndex = zi--;
            });
        });
    },
于 2015-03-01T17:53:34.107 回答