Javascript 固定页脚位置

我正试图用这个代码修复iPad底部的页脚

$(window).scroll(function(){
   var offsetY = window.pageYOffset;
   var winHeight = $(window).height();
   $('#footer').css({top: (winHeight+offsetY-60)+'px'});   
});

---

其中60是页脚的高度。它的工作很好，但当滚动到未完成时，页脚的顶部位置不会改变，现在滚动已经开始了，有什么方法可以改变吗？这样我就可以立即移动页脚，或者在滚动时隐藏页脚。

您可以只使用CSS来实现这一点，但不要使用jQuery

#footer{
    position:fixed;
    left:0px;
    bottom:0px;
    height:20px;
    width:100%;
    background:#999;
}
/* For ie 6*/
* html #footer{
    position:absolute;
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

---

我认为这个URL可以帮助你：