修复页脚位置

Question

我正在尝试使用代码

在iPad底部修改页脚

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

其中60是页脚的高度。它工作正常，但滚动（直到没有完成）页脚的顶部位置不会改变，有没有办法，我现在可以滚动已开始？这样我可以立即移动页脚或在滚动时隐藏它。

Answer 1

你可以通过仅使用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');
}