Wie kann ich einen hover Effekt zum Aufklappen eines Menüpunktes auf einem Touchdevice ersetzen?
LG
hover Ersatz am Touchscreen
-
-
Den hover-Effekt kann man nicht ersetzen. Also bleibt nur anklicken oder antippen.
-
Die meisten Touchgeräte reagieren beim Antippen des betreffenden Elements durch wechseln in die hover-Ansicht...erneutes Antippen (irgendwo) wechselt wieder zurück in die normale (unghoverte) Ansicht. Also das originäre Hover, wie du es vom Desktop mit Maus kennst , gibt es nicht.
-
Ich habe im Netz verschiedene Lösungen gefunden
- JS Lösungen
- den iOS Hover Fix
- CSS mit Element:hover, Element:active und Element:focus
- und den Hinweis dass man das zu hovernde Element mit cursor: pointer versehen soll
Letzteres habe ich ausprobiert und es funktioniert auf einem Apple iPad durch Anklicken, andere Touch Geräte habe ich nicht zur Verfügung. Hat jemand von euch Erfahrung damit auf diversen Touchgeräten?
-
-
Ok, danke für den Link, schau ich mir an!