Przewijanie powolne na urządzeniu mobilnym/iOS w przypadku korzystania z przepełnienia: Przewiń

Question

Aby skonfigurować menu poza obszarem płótna, muszę ustawić ciało "przepełnienie: ukryte", aby usunąć przewijanie z treści i dodać je z powrotem do kontenera wokół zawartości z "overflow-y: scroll". Kiedy to robię, wydaje się, że spowalnia przewijanie na urządzeniach mobilnych z systemem iOS.

Czy występuje problem z przenoszeniem paska przewijania z ciała?

Answer 1

Zamiast problemu z wydajnością to jest prawdopodobne, że nie widząc „Momentum” przewijania na swoim urządzeniu z iOS

Problem ten można rozwiązać poprzez dodanie „-webkit-przelewowy przewijanie: dotyk” do elementu przewijania tj:

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

domyślnie iOS urządzeń wykorzystujących „rozpędu” przewijania na ciele ale dodanie „przepełnienie-y: scroll” do elementu nie ustawia element do „pędu” przewijanie domyślnie

Zobacz https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling dla więcej informacji

Uwaga: istnieje szereg Gotcha/Błędy z użyciem -webkit-przepełnienie przewijanie: Dotknij na niektórych przeglądarkach