Картинка прыгает вначале прокрутки?

Question

[alexnotonfire]

Я написал некий код, позволяющий приблиэать мое изображение, но когда я скролю, то в самом начале картинка немного подпрыгивает. Как я могу это исправить?

Вот как это выглядит на всю страницу.

Песочница с кодом.

HTML
<canvas id="canvas"></canvas>

JS

function draw(scroll) {
  scroll = (window.scrollY || window.pageYOffset) / (document.body.clientHeight - window.innerHeight) * 3000;
  canvas.setAttribute('width', window.innerWidth);
  canvas.setAttribute('height', window.innerHeight);

//Главная функия, отвечающая за прорисовку
  drawImageProp(ctx, forest, 0, (-scroll * 3.9) / 4, canvas.width, canvas.height + (scroll * 3.9) / 2);
}

Comments

[vasIvas]

нужно выравнивать дельту времени. или использовать какой-нибуть твин.

[al3ch5]

vasIvas может не втему, заранее извеняюсь. Но что такое твин, и причем дельта времени? Спасибо!

[vasIvas]

al3ch5: tween - это анимация, точнее библиотека анимации, в лучших из которых реализована сглаживание дельты времени. Если честно, то понятно объяснить что такое сглаживание дельты времени одним предложением не получится, а писать целую статью по азам анимации у меня нет желания.