исправить положение нижнего колонтитула

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');
}