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

Question

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

下拉是 div 和 visibility:hidden。单击该字段后，它会显示 visibility:visible。奇怪的是，当基本可见性设置为 visibie 时滚动工作正常（当加载页面后下拉可见时）。

知道问题出在哪里吗？如何解决？

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;
}