Прокрутка на iOS является перекидной для элементов переполнения (lightwindow)

Question

У меня есть светлое окно с фиксированным положением с шириной и высотой 100% на мобильном телефоне с автоматическим переполнением, поскольку светлое окно больше, чем большинство мобильных дисплеев. Ниже приведены два класса CSS, что я есть

.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; 
} 

Это работает отлично, кроме как на iPhone скроллинг очень порывистый и нервный, я хотел бы, чтобы прокручивать как обычные плавной прокрутки на iPhone.

Благодаря

Answer 1

Вы ищете тип импульса скроллинга для сенсорных устройств, таких как Iphone, где скользящим движением пальца посылает веб-страницы прокрутки и она продолжает идти до тех пор, в конце концов, замедление и остановка. Крис Обложка имеет решение объяснило here

Чтобы применить его в код, вы должны добавить -webkit-overflow-scrolling: touch; свой lightwindow класс, а также overflow-y: scroll; так что будет что-то вроде следующего

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

Надеется, что это помогает.