Мобильные браузеры, body, overflow:hidden

[Bassline]

Есть длинная страница и всплывающая форма, по высоте тоже большая (1500px) c position:fixed, overflow-y:scroll, height:100% у ее контейнера. Нужно чтобы форма прокручивалась, а сама страница нет. С десктопами проблем нет, но в мобильных браузерах (например, ipad safari) не получается реализовать.

Пробовал даже такое:

html, body {   position:relative;   height:100%;   overflow:hidden}

[Switch74]

я бы тогда сделал обертку на 100% высоты и ставил/ убирал скролл у него

[Great Rash]

Есть мнение, что на айпадах скроллить надо двумя пальцами

[sigma77]

Есть мнение, что на айпадах скроллить надо двумя пальцами

Ага, сама правила такой "баг" в текстовом поле ) 

[Bassline]

Это все не то.

 

Вот пример:

http://jsfiddle.net/g8zwaawy/2/ - правда с планшета криво работает из-за лишних тегов в разметке, даже в full

 

Там хоть одним пальцем, хоть двумя - все равно не то, что нужно. Сначала прокручивается форма, за ней следом начинает крутиться страница. Если двумя пальцами, то наоборот.