Невозможно добиться плавной анимации JavaScript

Question

Я пробовал много разных javascript-фреймворков, таких как jquery, даже анимацию, например, $ fx, и я не могу достичь уровня плавности, которого я хочу достичь.

Есть два примера анимации, которые я видел в последнее времяочень гладкие, как на компьютере, так и на iPhone и iPad.

http://beta.jolicloud.com/ и http://www.apple.com/iphone/

Как они достигают такой плавной анимации?

Я делаю очень простые, например, простой текст, идущий от margin-top: от 100px до 500px с помощью jquery или $ fx, и это нервно ...

Answer 1

Оба этих сайта используют CSS-переходы и CSS-анимации , которые более плавные, чем JS-анимация (CSS-анимация основана на ключевых кадрах и движется гораздо более плавно. JS-анимация по существу * просто ключевые кадры, как при остановке, так что это более нервно)

Answer 2

Lookup http://jquerymobile.com/ для мобильной оптимизации ваших переходов,

Кроме того, ищите http://api.jquery.com/animate/ для перехода из одного состояния в другое.

Существуют длительность исмягчающие свойства для вашей "гладкости":)

Answer 3

Используйте jquery замедление с вашим скриптом для плавной анимации.http://gsgd.co.uk/sandbox/jquery/easing/