Добавление замедления по запросуAnimationFrameJquery

Программирование на jquery
Ответить Пред. темаСлед. тема
Anonymous
 Добавление замедления по запросуAnimationFrame

Сообщение Anonymous »

Мне нужно воспроизвести тот же эффект, что и здесь: http://www.chanel.com/fr_FR/mode/haute-couture.html = эффект смахивания при событии перемещения мыши.
Мне просто нужна помощь с анимацией.

Код: Выделить всё

    function frame() {
$('.images-gallery').css({
'transform': 'translateX('+ -mouseXPerc +'%)'
});
requestAnimationFrame(frame);
}

requestAnimationFrame(frame);
$(document).on('mousemove',function(e){
mouseXPerc = e.pageX/containerWidth*100;

});
Вот что я уже сделал. Он работает так, как и предполагалось, но, как вы можете себе представить, он довольно сырой, мне нужно немного его облегчить. Как мне отредактировать функциюframe(), чтобы сделать что-то более плавным?

Изменить: я не могу использовать переход/анимацию CSS при изменении значения в requestAnimationFrame (каждые 1/30 секунды).

Подробнее здесь: https://stackoverflow.com/questions/372 ... ationframe
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Jquery»