Добавление замедления по запросу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

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