Question

我需要实现以下功能：

<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设备上，网络下拉滚动不起作用，用户只能滚动离子内容，但无法滚动下拉选项。

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

Answer 1

如果您希望内容可滚动，则需要再次使用离子滚动指令而不是离子内容。

此外，当您将离子内容更改为离子滚动时，您所拥有的切换按钮不可见，因为它位于子标题的后面。

或者，您可以使用：

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

或者我发现HERE可以帮助你

Answer 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指令，看看是否适合您。

Answer 3

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

public
   img

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

滚动内容中的问题

3 个答案: