Du hast viele Fehler auf der Seite. JS und HTML. Die solltest du erstmal beheben.
Hier mal ne Lösung mit MooTools, weil ich habe gesehen, dass du MooTools neben jQuery auch eingebunden hast.
PHP-Code:
/* JS - MooTools */
(function() {
window.addEvent('domready', function() {
var
footer = $('footer'),
footerZeile = $$('.footer-zeile'),
checkpoint = footer.getPosition().y + footerZeile[0].getSize().y - window.getSize().y,
footerPos = window.getScroll().y <= checkpoint ? 'below' : 'above'
;
footer.addClass(footerPos);
window.addEvent('scroll', function(){
//console.log(window.getScroll().y);
if(footerPos == 'below' && window.getScroll().y >= checkpoint){
footer.removeClass(footerPos);
footerPos = 'above';
footer.addClass(footerPos);
}
else if(footerPos == 'above' && window.getScroll().y <= checkpoint){
footer.removeClass(footerPos);
footerPos = 'below';
footer.addClass(footerPos);
}
});
});
})();
PHP-Code:
/* CSS */
.footer-zeile {
position: static;
}
#footer.below .footer-zeile {
position: fixed;
}
Das scroll-Event feuert sehr oft, das kannst du ausbremsen mit 'scroll:throttle'. Standard sind 250ms. Oder so 'scroll:throttle(100)' für 100ms. Wenn du die auskommentierte Zeile aktivierst, siehst du in der Konsole wie es feuert.