Нативная прокрутка импульса на теле в веб-приложении iOS

В соответствии с этой статьей http://johanbrook.com/browsers/native-momentum-scrolling-ios-5/ можно включить нативную прокрутку импульса, например:

body{
        -webkit-overflow-scrolling: touch;
    }

Тем не менее, это ничего не меняет в моем веб-приложении. Он прокручивает то же самое с этим свойством или без него. Я ожидал, что у меня будет больший импульс, как у нативных приложений.

Я проверил его на прокручиваемом DIV, который работает, но я не хочу добавлять ненужную разметку только для этого.

Какие-нибудь советы?

Дальнейшая информация

Хорошо, это "вроде" работает так:

html, body {
    height:100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    position:relative;
}

однако все, что с позиции: зафиксировано внутри тега BODY, перемещается во время прокрутки и повторно присоединяется к своей правильной позиции, когда прокрутка прекращается. Что я могу сделать, чтобы это исправить?

Кто-нибудь имеет какой-либо вклад в это?

Скрипка: http://jsfiddle.net/nMxEg/1/

Источник

2 ответа

Используйте Div с заданной высотой, и выполните прокрутку с сенсорной прокруткой на div. Верхний и нижний колонтитулы могут оставаться фиксированными div на одном уровне в DOM.

<div id="fixedheader"></div>

Источник

К сожалению, iOS не имеет полной поддержки fixed, http://caniuse.com/css-fixed

Источник
Другие вопросы по тегам