Скрытие и отображение div во время прокрутки страницы на iphone

Question

Необходимо отобразить элемент (div) поверх веб-страницы. Во время прокрутки элемент должен исчезнуть и появиться после окончания прокрутки.

Для добавления к сложности:

1. наш код является гостевым кодом (поэтому мы не можем манипулировать структурой DOM и т. Д.).
2. наш код предназначен для работы на iPhone / iPad (мобильный браузер Safari)

Мы попытались прослушать событие touchstart в документе / теле и скрыть элемент (div) в нашем выделенном обработчике. Однако на некоторых сайтах (когда структура DOM становится достаточно сложной) время отклика прокрутки значительно увеличивается, даже если реализация обработчика полностью пуста.

Мы ищем правильный способ управления внешним видом (повторным) элемента с минимальным влиянием на пользовательский интерфейс при прокрутке.

Answer 1

Я не знаю, являетесь ли вы пользователем jQuery, но эта функция .scroll () может помочь вам сделать именно то, что вы хотите.Проверьте демо, чтобы увидеть, как это работает.

http://api.jquery.com/scroll/

Answer 2

Я думаю, Javascript - это ваше лучшее решение. Вы можете динамически вставить свой DIV в любой контент, используя document.createElement, а затем добавить JavaScript для прослушивания onScroll ...

Вы можете даже заполнить DIV, используя собственный HTML, созданный из собственного кода, если хотите.

Любая помощь?

Answer 3

В последней версии iOS (5.x) свободно поддерживается фиксированное позиционирование (position:fixed в CSS), так что ваш элемент будет позиционироваться по координатам экрана.Это может быть хорошей отправной точкой для решения ваших проблем.