Я создаю версию своего сайта, оптимизированную для iphone, и пытаюсь заставить работать анимацию / переходить на работу.
Я посмотрел на iui / ciui и т. Д. но они кажутся излишними для того, что мне нужно. Я использую jquery и имею большую часть встроенной функциональности, за исключением того, что я не могу заставить .animate работать гладко, поэтому я пытаюсь css-переходы.
У меня есть div, который при нажатии на объект внутри div, я хочу, чтобы div для перехода левой страницы (стандартный пользовательский интерфейс iPhone).
Как я понимаю, вы не можете применить переход css к родительскому элементу onclick, поэтому я добавляю класс с помощью jquery, и в этом классе есть переход css.
Это работает, за исключением того, что единственный переход css, который я мог получить, - это
-webkit-transform: translate(-330px, 0);
и я не вижу способа добавить время перехода к этому, так что это в конечном итоге будет таким же эффективным, как .hide ().
Есть идеи?
Я не мог понять, как работают другие переходы.
как
-webkit-transition-property: left;
-webkit-transition-duration: 4s;
как бы мне указать, как далеко налево (и я на самом деле иду отрицательные числа). Кроме того, не похоже, что это было вызвано надстройкой.
Я посмотрел на http://webkit.org/specs/CSSVisualEffects/CSSTransitions.html,, но не смог понять, как это сделать, основываясь на этой документации.
Спасибо
Пит