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