Параллакс-эффект изображения - PullRequest
Новая
       11

Параллакс-эффект изображения

2 голосов
/ 20 марта 2019

В настоящее время я пытаюсь создать движение параллакса изображения при перемещении мыши по экрану в javaScript. Для этого мне удалось создать следующий код: 

var mainImage = document.getElementById("mainLogo");
var currentX = '';
var currentY = '';
var movementConst = .5;

function moveMainImage(event)
{
    if (currentX = '') currentX = event.screenX;
    var diffX = event.screenX - currentX;
    currentX = event.screenX;
    if (currentY = '') currentY = event.screenY;
    var diffY = event.screenY - currentY;
    currentY = event.screenY;

    var movementX = diffX * movementConst;
    var movementY = diffY * movementConst;
    var newX = mainImage.style.left + movementX;
    var newY = mainImage.style.top + movementY;

    mainImage.style.left = newX + "px";
    mainImage.style.top = newY + "px";
}

document.addEventListener("mousemove", moveMainImage);

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

...