На прокрутке перемещать изображение по горизонтали, а затем останавливать

Question

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

Приведенный ниже код перемещает его по вертикали, можно ли использовать аналогичный простой способ перемещения изображения по горизонтали?

КОД:

$(window).on("scroll", function() { 
    var wScroll = $(this).scrollTop(); 

    $('.planeImg').css({'transform' : 'translate(-50%, -'+ wScroll /2 +'%)'}) 

}); 


.planeImg { 
    position: absolute; 
    display: block; 
    left: 50%; 
    top: 50%; 
    transform: translate(-50%, -50%); 
    background: url("../images/plane.png"); 
    background-size: contain; 
    background-repeat: no-repeat; 
    z-index: 99; 
    height: 80px; 
    width: 300px; 
} 

Answer 1

Это хорошо работало.

$('.planeImg').css({'transform' : 'translate(-'+ wScroll /2 +'%, -50%)'})