Плавающие элементы на айфоне и айпаде без лагов

[hypnocolor]

Мира всем.

Ребята, такое дело. В яваскрипте я, конечно, что-то соображаю, но сейчас сложная ситуация.

Большинство из вас в курсе, что подавляющее количество плагинов, которые позволяют эмулировать position: sticky; из светлого будушего яваскриптом (раз, два, три и так далее), отлично работают на десктопе, но в айфонах/айпадах sticky-элементы появляются резко и только тогда, когда я отпущу палец от экрана после его прокрутки, что в целом не сильно радует.

 

Мне казалось, что ситуация неразрешима, и я почти смирился после безрезультатного гуглежа. Но тут наткнулся на промо-страницу iOS 8, в которой — о чудо! — плавающий элемент отрабатывает православно, сразу при прокрутке экрана айпада, как и должно быть! Покопавшись в коде, вроде нашёл участки, отвечающие за такое поведение, но сходу разобраться с этим так и не смог. Помогите, а?

 

З.Ы.: слово «плавающие» в названии темы здесь, наверное, не совсем корректно, но, надеюсь, суть проблемы я хотя бы точно изложил.

Edited August 9, 2014 by hypnocolor

[Yazon_Nile]

iScroll JS

[hypnocolor]

iScroll JS

Это не то, эта штука делает контейнеры, которые можно пальцем скроллить. Мне же нужна хорошая эмуляция position: sticky;

Нашёл хороший вариант: https://github.com/wilddeer/stickyfill. Но с жирным, для моего случая, минусом — для стикнутого элемента нельзя добавлять никаких классов, когда он прилипает к верху экрана :\

[Yazon_Nile]

Именно. Можно скроллить пальцем. Соотв нету "родного" скролла. Соотв можно самыми обычными методами в пару строк самому сделать стики элемент