Добавление замедления на requestAnimationFrame
Мне нужно воспроизвести тот же эффект, что и здесь: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() function
чтобы получить что-то более гладкое?
Редактировать: я не могу использовать CSS переход / анимацию, так как я изменяю значение в requestAnimationFrame (каждые 1/30 секунды).