#javascript #jquery #webkit #mobile-website
#javascript #jquery #webkit #мобильный веб-сайт
Вопрос:
В дополнение к моему предыдущему вопросу, касающемуся обнаружения сталкивающихся элементов в jQuery, я написал некоторый пользовательский код jQuery, который обрабатывает это. В Google Chrome все работает нормально, и работает так, как ожидалось.
Однако в мобильном Safari на iOS 5 настройки не отражены. Вот пример кода jQuery для анимации:
if(this_position.top <= docked_element.bottom amp;amp; ($this.html() != fake_persistent.html()))
{
var new_top = this_position.top - fake_persistent.outerHeight();
fake_persistent.css('-webkit-transform', 'translate3d(0, ' new_top 'px, 0)');
}
Хотя преобразование, похоже, не работает, если я остановлю прокрутку в окне, элемент будет расположен правильно. Это немного сложно объяснить, но если вы посмотрите на эту страницу в Chrome, а затем в мобильном Safari, вы поймете, что я имею в виду > http://ben-major.co.uk/labs/contact-app
Комментарии:
1. интересная проблема, я столкнулся с той же проблемой…
2. Javascript не выполняется в iOS 5 после запуска события касания до остановки события прокрутки (один из недостатков быстрой и плавной встроенной прокрутки — весь прокручиваемый элемент отображается в памяти, а не только видимая часть) Попробуйте использовать фактический стиль с фиксированной позицией для ios5 и сохраните свой текущий, если он работает для iOS 4