Вертикальная прокрутка iOS Safari Feel Sticky (без импульса)

У меня проблема с вертикальной прокруткой в Safari iOS на веб-странице: при прокрутке страница движется очень медленно, с высоким сопротивлением (такое поведение не обычное для iOS-браузеров)

Мои попытки найти проблему:

<!-- piece of HTML listing -->
<body>
    <div id="wrapper">
          (here goes some content)
    </div>
</body>

Я обнаружил проблему в правиле overflow-x:hidden; для div#wrapper, изменив ее на 'overflow: hidden;' или удалением его динамически в панели веб-отладки.

Есть ли возможность исправить это, не изменяя макет страницы?

Повторяет на Safari/iOS 6.1.4 и 7 (как iPad, так и iPhone), также в iOS Simulator на OS X.

Ответы

Ответ 1

Вы можете попытаться добавить специфическую строку css для веб-кавы к div:

#wrapper{
    -webkit-overflow-scrolling: touch;
}

подробнее о импульсе и прокрутке ios здесь: http://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/