禁用iOS Safari上的轮子选择器

Disable wheel selector on iOS Safari?

本文关键字:选择器 iOS Safari 禁用      更新时间:2023-09-26

当用户激活<select>元素时,禁用移动Safari上显示的轮子选择器的最简单方法是什么?

我自己设计了<select><option>元素的样式,我更希望用户直接交互,而不是使用浏览器提供的滚动。

您不能在移动Safari上禁用轮子选择器。

一般来说,您可能会在<select>上的点击和触摸事件上使用preventDefault(),但尚不清楚如何使其实际可用。因此,一旦检测到iOS设备,您可能需要避免使用select元素。

您可以使用一些小部件集合,比如这个。它可以用来实现下拉菜单或任何其他类型的菜单,并且不会打开底部的大轮子。

从2022年起,这不再是一个问题。好极了他们终于摆脱了选轮器。在iOS Safari中,select元素现在是一个正常的列表,类似于Android。我等了好几年才解决这个问题,选轮器的用户体验很糟糕,终于不见了。iOS Safari实际上是一款不错的浏览器。