iOS溢出滚动无法在下拉菜单上使用

Question

有一个输入和选择字段的脚本 https:/joshuajohnson.co.ukChoices. 我想用它来处理有许多选项的选择字段。除了在iOS iPhoneX上滚动浏览选项外，一切都很好。在drop domen select中是不可能滚动的（整个页面都在滚动）。

下拉菜单是一个div，可见性:隐藏。当你点击字段后，它变得可见：可见。奇怪的是，当基本可见性设置为visibie时，滚动工作正常（加载页面后下拉可见）。

任何想法是什么问题？如何修复它？

ps. 在iphone6和amp; 8它是工作正常。

Answer 1

我想明白了，如果元素被visibility:/joshuajohnson co.

如果元素被隐藏的可见性:隐藏，接下来显示这个元素，它被覆盖的可见性:可见性，你不能滚动通过这个elemet在iOS 13 iPhone X。

解决方法是通过添加position:absolute;top:-9999px来隐藏元素，然后用top:0覆盖来显示。

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

这不工作。

.dropdownwithscroll {
visibility:hidden;
}

.dropdownwithscroll.active {
visibility:visible;
}

这个有效

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

.dropdownwithscroll.active {
top:0;
}