Скрытие и отображение div во время прокрутки страницы на iphone
необходимо отобразить элемент (div) Наверх страницы. Во время прокрутки элемент должен исчезнуть и появиться после завершения прокрутки.
чтобы добавить к сложности:
- наш код является гостевым кодом (таким образом, мы не можем манипулировать структурой DOM и т. д.).
- наш код предназначен для работы на iPhone / iPad (мобильный браузер Safari)
мы пытались слушать touchstart событие в документе / теле и скрыть элемент (div) в нашем преданный обработчик. Однако на некоторых сайтах (когда структура DOM становится достаточно сложной) время отклика прокрутки значительно увеличивается, даже если реализация обработчика полностью пустой.
мы ищем правильный способ управления внешним видом элемента (re)с минимальным влиянием пользовательского опыта при прокрутке.
3 ответов
в последней версии iOS (5.х) фиксированное позиционирование (position:fixed в CSS) свободно поддерживается, так что ваш элемент будет расположен на координатах экрана. Это может быть хорошей отправной точкой для решения вашей проблемы.
Я бы подумал, что Javascript - ваше лучшее решение. Вы можете динамически вставлять DIV в любой контент с помощью документа.createElement, а затем добавить некоторые javascript для прослушивания onScroll...
вы даже можете заполнить DIV, используя Пользовательский HTML, построенный из собственного кода, если хотите.
помочь?
Я не знаю, являетесь ли вы пользователем jQuery, но это .(функция прокрутки) может помочь вам сделать именно то, что вы хотите сделать. Проверить демо, чтобы увидеть, как это работает.