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

Question

有一个用于输入和选择字段https://joshuajohnson.co.uk/Choices/的脚本。我想使用它来处理具有许多选项的选择字段。除了在iOS iPhoneX上滚动选项外，其他所有功能均正常运行。无法滚动下拉菜单选择（整个页面都在滚动）。

下移是具有可见性：隐藏的div。单击该字段后，其可见性为：visible。奇怪的是，将基本可见性设置为可见时（在加载页面后可以看到下拉菜单时），滚动条可以正常工作。

任何主意是什么问题？如何解决？

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

Answer 1

我想通了。

如果该元素被“可见性：隐藏”隐藏，并且接下来要显示该元素，则被“可见性：可见”覆盖，则无法在iOS 13 iPhone X上滚动浏览此图元。

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

我不知道它为什么起作用，但是它起作用:)

这不起作用：

antMatchers

这项工作：

.dropdownwithscroll {
visibility:hidden;
}

.dropdownwithscroll.active {
visibility:visible;
}