当用户激活<select>元素时,要禁用移动的电话上Safari显示的滚轮选择器,最简单的方法是什么?我自己设计了<select>和<option>元素的样式,我更希望用户直接交互,而不是使用浏览器提供的滚动条。
<select>
<option>
xqnpmsa81#
您不能在移动电话上的Safari上停用滚轮选择器。
mum43rcc2#
一般来说,你可以在<select>上点击和触摸preventDefault(),但是你不清楚如何让它真正可用。所以,一旦你检测到iOS设备,你可能要避免使用select元素。你可以使用一些小部件集合,比如this one,它可以用来实现下拉菜单或其他任何类型的菜单,并且不会打开底部的大轮子。
preventDefault()
vc6uscn93#
到了2022年,这个问题就不再存在了。万岁!他们终于摆脱了滚轮选择器。在iOS Safari中,选择元素现在是一个普通的列表,类似于Android。我已经等了很多年这个问题得到解决,滚轮选择器的UX很糟糕,终于消失了。iOS Safari现在实际上是一个很好的浏览器。
3条答案
按热度按时间xqnpmsa81#
您不能在移动电话上的Safari上停用滚轮选择器。
mum43rcc2#
一般来说,你可以在
<select>
上点击和触摸preventDefault()
,但是你不清楚如何让它真正可用。所以,一旦你检测到iOS设备,你可能要避免使用select元素。你可以使用一些小部件集合,比如this one,它可以用来实现下拉菜单或其他任何类型的菜单,并且不会打开底部的大轮子。
vc6uscn93#
到了2022年,这个问题就不再存在了。万岁!他们终于摆脱了滚轮选择器。在iOS Safari中,选择元素现在是一个普通的列表,类似于Android。我已经等了很多年这个问题得到解决,滚轮选择器的UX很糟糕,终于消失了。iOS Safari现在实际上是一个很好的浏览器。