JSFiddle - React, Tailwind, and code Playground
HTML
<div></div>
<img src="/favicon.png" alt="">
CSS
div {
height: 4000px;
}
img {
position: fixed;
transition: left .7s;
top: 0px;
left: 0px;
}
JavaScript
var dimensoes = document.body.getBoundingClientRect();
var altura = dimensoes.height;
var largura = dimensoes.width;
var imagem = document.querySelector('img');
window.addEventListener('scroll', function () {
var scroll = window.scrollY;
var posImagem = scroll * largura / altura;
imagem.style.left = posImagem + 'px';
});