Прокрутка на основе родного движения на BODY в iOS webapp - программирование

Прокрутка на основе родного движения на BODY в iOS webapp

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

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

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

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

Любые советы?

Дополнительная информация

Хорошо, это "вид" работает следующим образом:

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

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

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

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

4b9b3361

Ответ 1

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

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