Html 当需要滚动时,CSS下拉菜单在iPad上不起作用

Html 当需要滚动时,CSS下拉菜单在iPad上不起作用,html,css,ipad,drop-down-menu,Html,Css,Ipad,Drop Down Menu,我有一个带有mouseout和mouseover事件的CSS下拉菜单。在iPad或iPhone上,滚动时菜单会自动关闭,并且拒绝打开任何链接,除非菜单足够短,无法滚动。有人能想出解决办法吗 “选择一个县”列表功能不正常。您可以将其设置为触摸设备的onclick下拉列表,并保留花式样式 这是我找到的最简单的解决方案。在span、li或anchor中添加以下行会使iPad表现得像mac上的safari,然后单击打开下拉列表 onClick="return true" 在这里查看它的实际操作-在A

我有一个带有mouseout和mouseover事件的CSS下拉菜单。在iPad或iPhone上,滚动时菜单会自动关闭,并且拒绝打开任何链接,除非菜单足够短,无法滚动。有人能想出解决办法吗


“选择一个县”列表功能不正常。

您可以将其设置为触摸设备的onclick下拉列表,并保留花式样式

这是我找到的最简单的解决方案。在span、li或anchor中添加以下行会使iPad表现得像mac上的safari,然后单击打开下拉列表

onClick="return true"

在这里查看它的实际操作-

在Apple设备上,您可能会失去花哨的UL/LI+CSS样式,使其成为常规的选择元素。然后使用设备本机操作就可以了。如果使用常规的select元素,是否有办法保留mouseout和mouseover事件?iPad/iPhone版本不需要它们,因为您没有这些事件。你可以把它们放在桌面版。太棒了,谢谢。我在文档的开头添加了以下脚本,以便在移动浏览器中使用select元素(如果其他人需要)。我感谢你的帮助!//您可以使用任何方法(移动检测或媒体查询)在iphone上隐藏ul并显示select,正如Billy Moat建议的那样。