Кажется я понял почему так происходит,
блин, у меня же в CSS указаны настройки
top:0; left:0;,
поэтому див и отображается не зависимо от положения скроллинга...
Ща буду править.
Изменил положение
top diva и всё заработало.
var html = document.documentElement;
document.getElementById('fon').style.top = html.scrollTop +"px";