Sticky Header

Worum geht es?

Der Header soll beim Raufscrollen kleiner werden, aber sichtbar bleiben.

Problematik: Bei iOS wird scrollen erst zum Abschluss zum Event.

Lösung von Hand

Konsultierte Seiten zur Lösungssuche:

• http://www.intensivstation.ch/assets/templates/fixed/fixed-footer-header/fixed-footer-header.html
• http://www.webdesignerdepot.com/2014/05/how-to-create-an-animated-sticky-header-with-css3-and-jquery/
• https://css-tricks.com/scroll-fix-content/

Lösung mit jQuery-Plugin

Verfügbare Plugins:

• http://leafo.net/sticky-kit/
• http://stickyjs.com/
• http://www.sitepoint.com/10-jquery-sticky-scroll-plugins/ Übersicht zu 10 Plugins

Was ich sonst noch so gebraucht habe

• CSS/HTML: Remove image filter on click
• http://stackoverflow.com/questions/5371139/window-scrolltop-vs-document-scrolltop

Was noch zu beachten wäre

• https://remysharp.com/2010/07/21/throttling-function-calls