Анимация сайта Mobi останавливается при прокрутке на экране мобильного телефона. - PullRequest
Новая
       3

Анимация сайта Mobi останавливается при прокрутке на экране мобильного телефона.

3 голосов
/ 03 февраля 2012

Я пытаюсь сделать простой эффект параллакса для мобильного сайта, используя javascript.

Он отлично работает, когда я проверяю в своем браузере на рабочем столе.Когда я проверяю это с мобильного устройства и прокручиваю при помощи касания, анимация останавливается.Он снова отображается после отпускания сенсорного экрана.

Есть ли способ сохранить анимацию при прокрутке с помощью сенсорного экрана?

Что ж, любая анимация JS будет зависать при прокруткемобильный телефон с сенсорным экраном. 

lft = 0;
setInterval(function(){  
  lft++;
  $('#my-div').css('margin-left',lft+'px');     
},100);

Если кто-то хочет увидеть проблему вживую, посмотрите здесь

http://johnpolacek.github.com/scrollorama/

Он отлично работает в настольном браузере, но останавливает анимациюиз мобильного браузера при прикосновении и прокрутке.

Спасибо

1 Ответ

1 голос
/ 04 февраля 2012

К сожалению, вы не можете контролировать то, как мобильные браузеры выбирают отображение контента. Как и в IE6, когда анимированные GIF-файлы перестали анимироваться во время прокрутки, я думаю, что мобильный браузер предназначен для остановки анимации во время прокрутки.

При этом я играл с некоторыми специфическими эффектами Safari и имел умеренный успех, выполняя впечатляющие вещи на iPhone. Также есть библиотеки, такие как «PhoneGap», которые позволяют вам писать нативные «веб-приложения» для телефонов.

Кроме создания всей анимации с нуля с явной целью повышения производительности на мобильных устройствах, я не вижу способа просто заставить этот сценарий работать.

...