Вставьте этот код перед закрывающим тегом </body>:
<script>window.onscroll = function(e){
var el = document.getElementById("menu");
var y = el.scrollHeight + el.offsetTop;
var b = document.getElementsByTagName("BODY")[0];
if(window.scrollY < y ) b.style.background = "#631";
else b.style.background = "#697";
console.log(el.offsetTop);
}</script> Добавьте этот код в ваш файл стилей css:
<style>#menu {border: 0px solid black;width: 100px;} </style> 