CSS hover 突然适用于移动浏览器?

标签 css mobile browser hover

这真的很奇怪。我不是在提示某些东西有效,但它非常令人惊讶.. 在我的网站上,我有通常的 css :hover 用于导航以显示子链接。但是在移动浏览器上,这需要一些 js 帮助才能使其工作(正如你可以从许多关于“css hover not working on mobile browsers”的帖子中看到的那样) 我制作了一个简单的脚本来解决悬停问题。但是今天,当我重写代码时,因为我注意到它没有完全按预期工作,所以我删除了处理移动悬停的整个 mobileDetect.js。现在它可以工作了,不需要任何额外的脚本。 我在我的 ipad 和 iphone 上用 chrome 和 safari 测试了它。它按预期工作...我是不是错过了一个重要的移动浏览器更新或其他什么?

我使用来自谷歌的 Jquery,没有框架和标准的 HTML5。 这是网站:(easy-sailing.ch)“EVENTS”和“AUSBILDUNG”是提到的带子链接的导航。

我只是想知道这是否是一些奇怪的异常现象,因此应该将我的脚本放回原处还是只是享受这个好消息? :S

最佳答案

据我所知,它一直在工作......

...只是不需要它,因为没有光标,悬停通常发生在您单击(在本例中为触摸)时,您会在注意到悬停之前离开页面。

在 android 上,当我触摸+向上或向下滑动时我可以观察到它。

关于CSS hover 突然适用于移动浏览器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21458912/

相关文章:

jquery - jquery之后,悬停不起作用

javascript - 如何在div中查找内容是否可用?

iphone - 什么是移动混合应用程序?

javascript - 创建弹出替换

c# - WebBrowser 控件不再显示 PDF

css - 用于在小型/移动显示器上隐藏元素的 Angular Material 指令

css - 选择元素的html表单全宽

javascript - 检测 "overflow: auto"是否正常(手机浏览器)

C# .NET 检查浏览器是否移动——最可靠的方法是什么?

时间:: when can I know that webbrowser controller Url changed to a specific url?