离子含量的滚动问题答案

【问题标题】：Scroll issues in ion content离子含量的滚动问题
【发布时间】：2019-03-15 05:28:56
【问题描述】：

我需要实现以下功能：

<ion-content scroll="true"><div class="parent">
    <form><div class="dropdown" dropdown-select="Options"
                dropdown-model="Selected"
                dropdown-item-label="text"
                dropdown-onchange="onChange(selected)"></div>
            </div></form>
</div></ion-content>

此功能在 Android 上运行良好，用户也可以滚动整个屏幕，因为表单很大。并且网络下拉菜单也是可滚动的。但是在 iOS 设备上，网络下拉滚动不起作用，用户只能滚动 ion-content，但不能滚动下拉选项。

我使用$ionScrollDelegate 尝试了一些解决方法，但仍然没有运气。任何帮助将不胜感激。

【问题讨论】：

标签： javascript html css ionic-framework

【解决方案1】：

如果希望内容可滚动，则需要再次使用 ion-scroll 指令而不是 ion-content。

此外，当您将 ion-content 更改为 ion-scroll 时，您拥有的切换按钮不可见，因为它位于子标题后面。

或者，您可以使用：

<ion-content overflow-scroll="true">
</ion-content>

另外我发现这个HERE可以帮助你

【讨论】：

【解决方案2】：

<ion-content scroll="true">
<div class="parent">
<form>
<ion-scroll direction="y">
<div class="dropdown" dropdown-select="Options"
            dropdown-model="Selected"
            dropdown-item-label="text"
            dropdown-onchange="onChange(selected)"></div>
</div>
<ion-scroll>
</form>
</div>
</ion-content>

尝试使用ion-scroll 指令，看看是否适合你。

【讨论】：

【解决方案3】：

我遇到了同样的问题，我意识到我正在强制配置使用 android 作为平台，然后我遇到了问题。就我而言，罪魁祸首是

.config(function () { ionic.Platform.setPlatform('android'); })

我删除配置并修复问题，我可以这样做，因为不需要此配置。

【讨论】：