Вставьте этот код перед закрывающим тегом </body>:
[code lang="js"]<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>[/code]
Добавьте этот код в ваш файл стилей css:
[css autolinks="false" classname="myclass" collapse="false" firstline="1" gutter="true" highlight="1-3,6,9" htmlscript="false" light="false" padlinenumbers="false" smarttabs="true" tabsize="4" toolbar="true" title="example-filename.php"]<style>#menu {border: 0px solid black;width: 100px;} </style>[/css]
