2012-04-13 7 views
1
für Desktop-mobile Kompatibilität wählen

ich diesen Thread gelesen habe, Dropdown menus by CSS or JavaScriptDropdown Menüübersicht- Javascript vs CSS nur-die

aber sehen, dass es widersprüchliche Meinungen über die Verwendung von CSS nur vs Javascript für Aufklappmenü.

Ist das einzige Argument zugunsten der Verwendung von CSS nur für Menschen mit Javascript ausgeschaltet? Gibt es noch weitere Überlegungen?

Welche Methode ist fehlerverzeihender in einer Site, die auf dem Desktop und den meisten mobilen Browsern (iOS, Android) funktionieren muss?

Antwort

1

Dropdown-Menüs sind in der Regel für Zeigegeräte konzipiert. Es ist sehr selten, dass Sie einen finden, der mit linearen (z. B. Tastatur-Tabbing durch Elemente) oder Touch-Interaktion umgehen kann (obwohl Sie die Elemente auf oberster Ebene mit Seiten verlinken können, die eine Navigation nach oben ermöglichen).

Ich bezweifle, dass es möglich ist, einen zu bekommen, der gut für lineare oder Berührung ohne Javascript funktioniert.

+0

Ein Trick besteht darin, das Menü durch Medienabfragen und/oder etwas wie Modernizr zu steuern, so dass verschiedene Elemente Touch-Geräten ausgesetzt sind. Natürlich ist Modernizr JavaScript, und es gibt keine gute Möglichkeit, Touch-Geräte mit nur Medienabfragen zu erkennen (glaube ich nicht). – Pointy

+0

Ich werde mehr Zeit auf meinem iPad verbringen müssen, um zu sehen, wie andere dieses Problem angegangen sind. –

0

Und ideale Lösung für diese ist eine, die beide verwendet. So funktioniert es für Leute ohne Javaskript und es wird für Leute mit Javascript verbessert (Animation ....)

Wie Sie sagen es hängt von den Anforderungen ab und um ehrlich zu sein, wenn das Gerät auf Unterstützung CSS3 abzielte, können Sie vermutlich tun cool animiert nur in CSS.