Polymer Core-overlay不再滚动

时间:2015-03-11 19:04:04

标签: android css cordova polymer android-5.0-lollipop

我一直在使用Polymer开发移动应用程序。我刚刚遇到一个问题,聚合物的核心覆盖盒不允许我向下滚动,它只是留下内容截止。它基本上是一个信息框,当你用手指点击它时出现。

上周二一切都运行良好,直到我的手机上第二天发布了大型Android 5.0更新。事情开始变得越来越糟糕。我的同事的手机仍然安装了Android 4.4版本,它向下滚动也很好。我想知道是否有其他人已经/正在遇到这个或者有解决方案。另外,我正在使用三星Galaxy S5和Cordova。

以下是CSS和我提到的核心覆盖元素的一些HTML:

<core-overlay id="infoOverlay" class="dialog" layered backdrop transition="core-transition-center" core-overlay-toggle>
    <style no-shim>
        .dialog {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            font-family: Arial, Helvetica, sans-serif;
            color: #999;
            font-size: 1.4em;
            text-transform: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            overflow: hidden;
            background: black;
            padding:20px 20px;
            outline: 1px solid rgba(0,0,0,0.2);
            box-shadow: 0 4px 16px rgba(0,0,0,0.2);
            border: 2px solid white;
        }
        #infoOverlay {
            box-sizing: border-box;
            /*text-align: center;*/
            width: 80%;
            height: 70%;
        }
        #settingsTitle {
            color: white;
            font-size: 1.5em;
            padding-bottom: 5px;
        }
        .settingsText {
            border-bottom: 1px solid #999;
            padding-bottom: 20px;
            padding-top: 10px;
        }
        .settingsTextLast {
            padding-top: 10px;
        }
    </style> 
    <div id="dummydiv">imagine enough divs</div>
</core-overlay>

任何帮助,信息或任何内容将不胜感激!我想我提供了足够的信息,但我会根据要求提供更多信息。

谢谢你的时间!

1 个答案:

答案 0 :(得分:3)

如果您将overflow中的.dialog设置为autoscroll,则此功能应该有效。