Javascript 单页cordova应用程序，内容不滚动，仅在IOS中尝试滚动时消失-由ratchet.css引起

我写了一个cordova单页应用程序。当我在android上运行它时，一切都很好。当我把它放在ipad上时，一切都变得疯狂了。我通过安装插件修复了状态栏的问题

problem #1

主页加载一组图像（框）。如果我不碰任何东西，你可以看到显示器上的东西。当你们尝试向上或向下滚动时，所有的东西都会从视图中消失，但仍然存在。如果单击屏幕，它将链接到正确的内容。当您从内容返回时，项目将再次返回，直到您尝试向上或向下滚动

problem #2

你不能向下滚动**，除非所有东西都消失了，然后你可以滚动，但除了白色背景**什么都没有。您可以看到图像的长度低于页面的长度，但它根本不允许您滚动。（记住，这是一个单页应用程序，所以它是通过javascript模板（把手）加载的。当你松开手指后，bam，所有东西都会再次消失

有什么想法吗？这可能是某种奇怪的CSS问题，或者我需要实现一个javascript滚动吗？同样，android上的一切都很好

元标记

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">

风格：

.content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
background-color: #fff;
}

.container {
display: flex;
flex-wrap: wrap;
}

.holder {
float: left;
padding-bottom: 5px;
width: 166px;
flex-grow: 1;
}

.thumb {
margin-bottom: 3px;
flex-grow: 1;
max-width: 200px;
width: 100%;
}

.pull-left{
float:left;
}

.max170 {
max-width: 200px;
}

这是一个众所周知的问题，尽管经常被忽视。其实这是一个很容易解决的问题：

转到ratchet.css并在第267行（.content{…}）附近更改

到

---

这似乎已经为我解决了问题。

将这一行添加到config.xml文件中：

<preference name="ScrollEnabled" value="true" />

您应该向我们展示一些html、css和js代码。先生，您真是太棒了

.content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
background-color: #fff;
}

.container {
display: flex;
flex-wrap: wrap;
}

.holder {
float: left;
padding-bottom: 5px;
width: 166px;
flex-grow: 1;
}

.thumb {
margin-bottom: 3px;
flex-grow: 1;
max-width: 200px;
width: 100%;
}

.pull-left{
float:left;
}

.max170 {
max-width: 200px;
}

-webkit-overflow-scrolling: touch;

-webkit-overflow-scrolling: auto;

<preference name="ScrollEnabled" value="true" />