let banner = document.getElementsByClassName("banner-image")[0]; function scroll() { banner.style["background-position"] = "50% " + (30 * (1 - document.body.scrollTop * document.body.clientWidth / document.body.clientHeight / document.body.clientHeight)).toString() + "%"; }; scroll(); document.addEventListener('DOMContentLoaded', scroll);