Ouvrir le menu principal

iGeneration

Recherche

iOS 5ß2 : défilement natif pour les web-apps

Anthony Nelzin-Santos

lundi 27 juin 2011 à 06:32 • 15

iPhone

cssUne manière facile de distinguer une application native d'une web-app dans iOS est le comportement du défilement, par exemple dans une longue page ou dans une liste. Celui des applications web est souvent saccadé, même avec des scripts comme iScroll 4 ou Scrollability (lire : Scrollability : défilement inertiel en JavaScript), qui tente d'émuler le comportement du défilement natif. Comme le note Johan Brook, les choses vont changer avec iOS 5 : Apple a ajouté à la bêta 2 le support d'une propriété CSS permettant d'utiliser le défilement inertiel dans une web-app. Appliquer -webkit-overflow-scrolling: touch; en plus d'un overflow: scroll; à un élément lui permet donc d'être affecté par le défilement inertiel : une page ou une liste possédant ces propriétés CSS défileront désormais de manière assez fluide, avec le même comportement (accélération, décélération, rebond…) qu'une application native.

Soutenez MacGeneration sur Tipeee

MacGeneration a besoin de vous

Vous pouvez nous aider en vous abonnant ou en nous laissant un pourboire

Soutenez MacGeneration sur Tipeee