Scrollen langsam auf Handy/iOS bei Verwendung von Überlauf: Scroll

Question

Um ein Off-Canvas-Menü einrichten Ich muss den Körper auf "Überlauf: Versteckt", um Scrollen aus dem Körper und fügen Sie sie wieder in einem Container um den Inhalt mit "Überlauf-y: scroll". Wenn ich das mache, scheint es das Scrollen auf mobilen iOS-Geräten zu verlangsamen.

Gibt es eine Art von Leistungsproblem beim Verschieben der Bildlaufleiste aus dem Körper?

Answer 1

Eher als ein Leistungsproblem dies wahrscheinlich ist, dass Ihr nicht ‚Momentum‘ Scrollen auf Ihrem iOS-Gerät

sehen kann dies durch Hinzufügen ‚-webkit-Überlauf-Scrolling: touch‘ gelöst werden, um Ihre Rolle im Element das heißt:

.scrolling-content { 
    overflow-y: scroll; 
    -webkit-overflow-scrolling: touch; 
    height:100%; /*A value other than height:auto needs to be set*/ 
} 

standardmäßig iOS-Geräte verwenden ‚Momentum‘ auf den Körper scrollen aber das Hinzufügen ‚Überlauf-y: blättern‘ zu einem Element nicht ein Element nicht auf ‚Impuls‘ scrollen durch Standard

https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling Siehe mehr Infos

Hinweis: Es gibt eine Reihe von Gotcha/Bugs mit -webkit-Überlauf-Scrolling mit: touch auf bestimmten Browsern