スクロールで画像を水平に移動してから停止する

Question

画像を垂直方向に非常に簡単に移動できますが、方法を使用して水平に移動するにはどうすればよいですか？私はまた、ある方向に向かうとそのイメージがその方向に動くのをやめたいと思っています。どうすればいいのか分かりません。

以下のコードは垂直方向に移動しますが、同様の簡単な方法で画像を水平方向に移動できますか？

CODE：

$(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%)'})