Scroll sur iOS est jumpy pour les éléments de débordement (lightwindow)

Question

J'ai une fenêtre de lumière avec une position fixe à 100% de largeur et de hauteur sur le mobile avec overflow-y automatique car la fenêtre de lumière est plus grande que la plupart des écrans mobiles. Voici deux classes CSS que j'ai

.noscroll { // add to body when the lightwindow shows to prevent body scrolling 
    overflow: hidden !important; 
} 
.lightwindow { 
    position: fixed; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%; 
    overflow-y: auto; 
} 

Il fonctionne bien sauf sur iPhone le défilement est très saccadé et nerveux, je voudrais à défiler comme le défilement régulier régulier sur iPhone.

Merci

Answer 1

Vous cherchez un défilement de type momentum pour les appareils tactiles comme l'iPhone où un coup de doigt envoie le défilement de la page Web et il continue à aller jusqu'à ce que finalement ralentir et l'arrêt. Chris Cover a une solution a expliqué here

Pour l'appliquer à votre code, vous devez ajouter -webkit-overflow-scrolling: touch; votre lightwindow classe et aussi overflow-y: scroll; il deviendra quelque chose comme

.lightwindow { 
    position: fixed; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%; 
    overflow-y: scroll; /* has to be scroll, not auto */ 
    -webkit-overflow-scrolling: touch; 
} 

Hope this helps.