Идея в том что при двигании курсором двигаеться бэкграунд картинка вверх и вниз(эдакий паралакс в вертик.). Но когда не хватает картинки, внизу видно край изображения и дефолтный бэкграунд колор. Как отследить момент когда это происходит чтоб запретить картинке двигаться дальше вверх? контекст:
<style type="text/css">
html{
background-color: black;
background-image: url('./some_bg.jpg');
background-size: cover;
/*background-position: center;*/
background-repeat: no-repeat;
}
<script type="text/javascript">
let bg = document.getElementById("html_for_bg");
document.addEventListener("mousemove", function (e) { MoveBackground(e); });
function MoveBackground(e){
let offsetY = -(e.clientY / window.innerHeight * 200);
if(true){bg.setAttribute("style", "background-position: " + 0 + "px " + offsetY + "px;");}
}
</script>