Sprung zum Inhalt [S] Tastaturkürzel / Accesskeys [0]
webdesign weisshart Startseite

Webdesign nach Maß von webdesign weisshart

Mein Blog

RSS Feed AbonnementRSS 2.0 Feed

zur Liste der Kategorien | zum Archiv

Sanftes Scrollen - wieder aktiviert

Mittwoch, 6. Februar 2008

Edit 06.02.2008: Ein neuer Anlauf. Das Bildschirmflackern sollte behoben sein (siehe Kommentar). Und auch der Zurück-button funktioniert.
Über Rückmeldungen und Kommentare würde ich mich freuen.

Edit 3.2.2006: wegen eventueller Probleme mit der accessibilty (Flackern) und der usability (die Zurück - Funktionalität des Browsers geht nicht mehr) hab ich das sanfte Scrollen - schweren Herzens - vorläufig? wieder deaktiviert.
Den Beitrag hier lasse ich stehen: das tool ist einfach zu interessant.

Gehen Sie auf meine Startseite, und klicken Sie dort unter der Überschrift auf einen Link in der Liste, z.B. “exakt auf Ihre Bedürfnisse ausgerichtet".
Der Link führt Sie nicht auf eine andere Seite, sondern zu einer Position weiter unten auf der selben Seite.
Aber statt einfach dort hinzuspringen, und Sie im Unklaren zu lassen, wo Sie gelandet sind, scrollt die Seite sanft nach unten. Sie behalten die Orientierung auf der Seite.
Cool, oder?
Ich denke, daß dies der usability, der Benutzerfreundlichkeit dient.
Der Trick wird von einem Javascript ermöglicht, und funktioniert nur in modernen Browsern. Ältere Browser unterstützen diese Technik nicht, aber sie stören sich an dem Script auch nicht, sondern springen einfach wie gewohnt zum Ziel auf der Seite.
Danke an Stuart Langridge für das Script.


6 Kommentare

  1. Hi Fritz,
    zu diesem sanften Scrollen..
    tät mich ja auch reizen, nur weiß ich nicht,wie dies mit dem flackernden Bildschirm in den Griff zu bekommen ist. auch bei Dir hier flackert es dann ganz schön ordentlich.
    ist die Zeit einstellbar?

    nachfragend lg
    Monika

    Kommentar von Monika — Dienstag, 31. Januar 2006 - 23:16 Uhr

  2. hat noch jemand das Flackern beim sanften Scrollen?
    Falls ja:
    Bitte Browser und Betriebssystem hier posten. Vielleicht auch noch Angaben zur Hardware: CPU, Grafikkarte, Bildschirm etc.
    Ich konnte nämlich das Flackern bisher nicht nachvollziehen.

    Kommentar von Fritz — Mittwoch, 1. Februar 2006 - 0:53 Uhr

  3. Also bei mir funzt es hervorragend:

    P4 3,0 GHz
    NVIDIA GeForce FX5200
    Philips 170S5

    Mal abgesehen davon, dass ich einen kleinen Fehler gefunden habe, den Stuart schon ausgebügelt hat. Nicht nur gut, sondern auch noch schnell der Bursche! ;-)

    Kommentar von Gerd — Mittwoch, 1. Februar 2006 - 12:11 Uhr

  4. Servus!

    Bei mir flackert es auch:
    Firefox 1.5 WinXP Home SP2

    Ciao

    Kommentar von Flo — Donnerstag, 2. Februar 2006 - 20:35 Uhr

  5. Hi Flo,
    danke für Deine Hilfe.
    Das Flackern des Hintergrunds scheint behoben zu sein. Die Ursache war nicht das Sanft-Scrollen-Script, sondern mein spezielles background Bild.
    Die Lösung für den kaputten Zurück-button steht leider noch aus :-(

    Kommentar von Fritz — Montag, 6. Februar 2006 - 16:54 Uhr

  6. nochmal zum Thema Flackern:
    das ist TFT-Bildschirm-typisch, und tritt auf, wenn schmale horizontale Linien (wenige Pixel hoch) auf der Seite verwendet werden, z.B. als Hintergrund.
    Eine schöne Beispielseite zu diesem Effekt gibt es hier

    Kommentar von Fritz — Dienstag, 6. Juni 2006 - 12:37 Uhr

Einen Kommentar abgeben

XHTML erlaubt: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote> <code> <em> <i> <strike> <strong>

Code-Beispiele
Damit Code-Beispiele richtig angezeigt werden, müssen Sonderzeichen maskiert werden (z.B. < zu &lt;).


(notwendig)

(notwendig)

Spamschutz:
Je nach Inhalt wird Ihr Kommentar eventuell nicht sofort angezeigt, sondern muss manuell freigeschaltet werden.

Partnerseiten: barrierefreies WebDesign

Tastaturkürzel

zum Seitenanfang