Weiches Scrollen bei overflow: auto auf iOS Geräten

Unter iOS haben Container mit einem overflow: auto; per default ein sehr hartes direktes Scrollen, welches sich lediglich synchron zum Wischen bewegt. Dieses Verhalten kann mittels
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
optimiert werden. Dieses Verhalten wird auch 'Momentum Scrolling' genannt. Hiermit wird das Weiterlaufen bei einem Wischen (swipe) bis zum langsamen Auslaufen aktiviert und wirkt wesentlich weicher.

CSS-Sprites und -webkit-transition

CSS-Sprites sind eine Möglichkeit mittels CSS Grafiken für eine Website oder einzelne Elemente in einer einzelnen Grafik zu steuern. So können die verschiedenen Status mittels background-position positioniert werden. Dies hat den Vorteil, dass Javascript nur eine Anfrage an den Server sendet und so die Geschwindigkeit maximiert und (die Serverlast minimiert) wird. Dies ist vor allem für große Websites mit großen Traficaufkommen von Bedeutung.