我一直在使用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>
任何帮助,信息或任何内容将不胜感激!我想我提供了足够的信息,但我会根据要求提供更多信息。
谢谢你的时间!
答案 0 :(得分:3)
如果您将overflow
中的.dialog
设置为auto
或scroll
,则此功能应该有效。