CSS Objekt einblenden wenn nach ganzunten gescrollt

[Freddi]

Ich möchte das sich ein CSS Objekt einblenden(display:none zu block),oder ausblendet, wenn die Scrollbar ganz unten ist, sprich bei 100%. Da ich die Höhe meiner Seite dynamisch mit Prozent habe funktioniert das mit Pixel [....scrollTop) > !!!100!!!)...] nicht gut. Gibt es eine Möglichkeit, statt pixeln, Prozent anzugeben oder hätte ihr andere Lösungsvorschläge.

  
var foo = document.getElementById('menu_fixed');  
    window.onscroll = function() {  
        foo.style.display = ((window.pageYOffset || document.documentElement.scrollTop) > 100) ? 'block' : 'none';  
    };  

Grüße Freddi