iOS溢出滚动不适用于下拉菜单

Question

有一个用于输入和选择字段https://joshuajohnson.co.uk/Choices/ 的脚本。我想用它来处理具有许多选项的选择字段。除了滚动浏览 iOS iPhoneX 上的选项外，一切正常。无法在 drop domen select 中滚动（整个页面正在滚动）。

下拉是一个具有可见性的 div：隐藏。单击该字段后，它会显示可见性：可见。奇怪的是，当基本可见性设置为可见性（加载页面后下拉可见）时，滚动工作正常。

知道是什么问题吗？如何解决？

ps。在 iphone 6 和 8 上它工作正常。

Answer 1

我想通了。

如果元素被 visibility:hidden 隐藏，并且接下来要显示该元素，它会被 visibility:visible 覆盖，则您无法在 iOS 13 iPhone X 上滚动浏览此元素。

解决方法是通过添加 position:absolute; 来隐藏元素；顶部：-9999px；并用 top:0 覆盖它来显示；

我不知道它为什么有效，但它有效:)

这不起作用：

.dropdownwithscroll {
visibility:hidden;
}

.dropdownwithscroll.active {
visibility:visible;
}

这项工作：

.dropdownwithscroll {
position:absolute;
top:-9999px;
}

.dropdownwithscroll.active {
top:0;
}