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?
-
hover alleine taugt nichts, egal auf welchem Gerät: es gibt auch Personen die kein Touch-Gerät aber auch keine Maus verwenden (können), für die sind Links die nur per hover erreichbar sind evtl. unerreichbar. Für eine zugängliche Navigation braucht es etwas mehr …
-
Ok, danke für den Link, schau ich mir an!
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!