2011-07-07 20 views
0

私はコード60がフッタの高さである修正フッターの位置

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

を使ってiPadの中で一番下のフッターを修正しようとしています。うまく動作しますが、フッタの一番上の位置がスクロールしていない間は、スクロールが開始されています。フッターをすぐに移動したり、スクロールしながら非表示にすることができます。

答えて

0

あなたはその

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

位置のためのjQueryを使用していないだけでCSSを使ってこれを行うことができます:http:// davidbcalhoun固定は、アプリ/ iphone – coure2011

+0

ではうまく動作しません。私は、このURLは、あなたが役立ちますと思いました。 com/2011/new-mobile-safari-stuff-in-ios5-position-fixed-overflow-scroll-new-input-type-support-web-workers-ecmascript-5 –

関連する問題