Как исправить положение fixed элемента после прокрутки страницы программно?

Question

[evnuh]

Известный в интернетах баг в iOS (MobileSafari). После прокрутки страницы яваскриптом (.scrollTo() jQuery plugin) все fixed-элементы внутри страницы фактически остаются на старых местах. В моем случае это меню. Хоть нарисовано оно на прежнем месте, но нажать на него нельзя, пока не тронешь страницу пальцем и не подвинешь всю страницу на малясь.

Как исправить? Никто не сталкивался? Советы со StackOverflow не помогли.

Пробовал после анимации выставлять offset документа на +1пх, не помогало. Пробовал после анимации менять position на relative на 300мс, тоже не помогает.

Answer 1

[Анатолий]

а не пробовали убрать фиксед и снова установить?

Comments

[Анатолий]

ну как обычно, не дочитал до конца и отвечать сразу =)

[Анатолий]

Попробуйте сделать что-то чтоб он подвинулся, тот же фиксед но другое положение (был топ, сделайте боттом итд), попробуйте скрыть его и показать, попробуйте вытащить из дом и снова всунуть на место.

Answer 2

[ertaquo]

Попробуйте элемент «вытащить» из DOM и «воткнуть» его обратно при помощи .detach(), .appendTo().

Comments

[evnuh]

Оно вставляется, но не видно, опять же, пока не тронешь экран пальцем. Это какая-то напасть!

[evnuh]

А не, вру. Оно вставляется именно на старое место, потому и не видно. То есть, по-сути, ничего не меняется. Сейчас еще посидим…

[evnuh]

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

[ertaquo]

А если клонировать элемент, клон вставить в DOM, а оригинал удалить?