at: CSS Scroll Text auf Smartphone

Beitrag lesen

problematische Seite

Hallo KC.

(siehe problematische Seite)

In diesem Sinne ist deine Website tatsächlich problematisch, weil hier Animationen das Erfassen der Inhalte erschweren. Das gilt auch für die stete Ablenkung durch den pulsierenden Schriftzug oben links. Dabei hat dein Design das gar nicht nötig.

Leider konnte ich das bislang nicht fixen, kennt sich jemand damit aus?

Jemand sollte sich damit auskennen, und er hat als Text “Short Description” gewählt. So wie auch das title-Attribut nicht novel-Attribut heißt, könnte dies ein dezenter Hinweis auf den sinnvollen Einsatz dieser Technik sein. Nicht nur in Bezug auf die Zeilenlänge, sondern auch in Bezug auf die Anzahl der zu animierenden Zeilen.

Technisch wird dort eine Animation in einer definierten Anzahl von Schritten durchgeführt, die der Anzahl der Listeneinträge beziehungsweise Zeilen zuzüglich eines Schrittes für den Rücklauf entspricht. Da jeder Animationsschritt eine Verschiebung – genauer eine Veränderung des oberen Außenabstandes – um ein fest definiertes Maß vornimmt, kann das auch nicht anders funktionieren. Wenn du also mehr Zeilen haben willst – wovon ich explizit abrate –, benötigst du mehr Schritte in deiner Animation.

MfG, at