Android 聚合物芯覆盖层不';不要再滚动了
我一直在使用Polymer开发一个移动应用程序。我最近遇到了一个问题,Polymer的core overlay box不允许我向下滚动,只会切断内容。它基本上是一个信息框,当你用手指轻触它时就会出现 上周二一切都很顺利,直到第二天我的手机上出现了Android 5.0的大更新。就在那时,事情开始变得一团糟。我同事的手机仍然是安卓4.4版本,上下滚动都很好。我想知道是否有其他人也有/正在遇到这种情况,或者有解决办法。另外,我使用的是三星Galaxy S5和Cordova 以下是我提到的核心覆盖元素的CSS和一些HTML:Android 聚合物芯覆盖层不';不要再滚动了,android,css,cordova,polymer,android-5.0-lollipop,Android,Css,Cordova,Polymer,Android 5.0 Lollipop,我一直在使用Polymer开发一个移动应用程序。我最近遇到了一个问题,Polymer的core overlay box不允许我向下滚动,只会切断内容。它基本上是一个信息框,当你用手指轻触它时就会出现 上周二一切都很顺利,直到第二天我的手机上出现了Android 5.0的大更新。就在那时,事情开始变得一团糟。我同事的手机仍然是安卓4.4版本,上下滚动都很好。我想知道是否有其他人也有/正在遇到这种情况,或者有解决办法。另外,我使用的是三星Galaxy S5和Cordova 以下是我提到的核心覆盖元素
<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>
.对话{
框大小:边框框;
-moz框大小:边框框;
字体系列:Arial、Helvetica、无衬线字体;
颜色:#999;
字号:1.4em;
文本转换:无;
-webkit用户选择:无;
-moz用户选择:无;
溢出:隐藏;
背景:黑色;
填充:20px 20px;
外形:1px固体rgba(0,0,0,0.2);
盒影:0.4px16px rgba(0,0,0,0.2);
边框:2倍纯白;
}
#信息覆盖{
框大小:边框框;
/*文本对齐:居中*/
宽度:80%;
身高:70%;
}
#定形针{
颜色:白色;
字号:1.5em;
垫底:5px;
}
.设置文本{
边框底部:1px实心#999;
垫底:20px;
填充顶部:10px;
}
.settingsTextLast{
填充顶部:10px;
}
想象一下足够多的div
任何帮助、信息或任何东西都将不胜感激!我想我提供了足够的信息,但我会根据要求提供更多信息
谢谢你的时间 如果将
对话框中的溢出设置为自动
或滚动
,则此功能应能正常工作