Jonathan Harker: Frage zu javascript

Beitrag lesen

Hallo Helen,

Hallo!

Ich soll ein (korrektes) Programm von einem ausgeschiedenen Mitarbeiter übernehmen. Dabei bin ich auf das folgende script gestoßen, was für mich völlig unverständlich ist. Kann mir jemand ganz grob erklären, wofür dieses gut ist?

Das Skript baut im Grunde ein eigenes horizontales Scroll-System.

Es macht mehrere Dinge gleichzeitig:

  • Es misst die Höhe von Header und Footer.
  • Es positioniert den Contentbereich dynamisch dazwischen.
  • Es erstellt eine eigene horizontale Scrollbar über dem Footer.
  • Es synchronisiert:
    • den eigentlichen Content
    • und die externe Scrollbar.
  • Es ergänzt Touch-Unterstützung für horizontales Scrollen auf Mobilgeräten.
  • Es passt die Breite der künstlichen Scrollbar an die echte Contentbreite an.

Kurz gesagt:

Der Benutzer scrollt horizontal durch breite Inhalte, während Header und Footer fest bleiben.

Moderne Alternative

Heute würde man meist:

  • nur EINEN Scrollcontainer verwenden,
  • native Scrollbars nutzen,
  • und die Scrollbar per CSS stylen.

Zum Beispiel:

main {
  overflow-x: auto;
  scrollbar-width: thin;
}
main::-webkit-scrollbar {
  height: 14px;
}

im Wiki:

Bis bald!
Jonathan

--
Was ja kaum einer weiß:
Lorem Ipsum ist ein Zitat von Julius Caesar, was übersetzt so viel heißt wie
„Das schlimme am Internet ist, dass man nie weiß, ob Zitate echt sind.“