0

モバイル サファリの固定位置フッターを、バウンスせずに本来の位置にとどめるにはどうすればよいですか?

4

1 に答える 1

1

わかりました-夢中になる前にこれを解決しました。すべての状況で機能するかどうかはわかりませんが、iPhone 4s では魅力的に機能します。

次のような適切な css があると仮定します。

body { 
    height:100%;
}

#footer {
    position:fixed;
    bottom:0;
}

モバイルデバイス用のビューポートを設定しました -

このソリューションは私にとって完璧に機能しました。jQuery を使用していますが、jQueryMobile は使用していません。この小さな javascript/jq コードですべてが解決され、バウンスやその他の視覚的な間違いはありません。

document.ontouchstart=function(){
    $('#footer').animate({bottom:0},1);
}

以上です!これが誰かに役立つことを願っています。

于 2012-12-28T05:01:32.730 に答える