2011-04-27 20 views
1

私のWebページでフッターを修正できました。iOSデバイスとGalaxyタブで固定フッタが動作しない

私は私のCSSファイルに次のように使用:

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

これは、すべての主要なブラウザ(IE 8、サファリ、Firefoxの)で動作します。

iOSデバイス(iPod & iPad)とGalaxyタブでこのページをテストすると、フッターが下部に固定されません。むしろ、ページがスクロールすると、フッターもそのページと共に上下にスクロールします。

誰でもこの問題を解決できますか?私はそれがモバイルクライアントのために働くなら、それがデスクトップブラウザで現在の動作を壊さないことを保証したいと思います。要するに、両方のために働く解決策。

ありがとうございます。

+0

@Bart Kiers:私は同意...その行われた場合、これは同じ問題に遭遇して、誰他の誤解でしょう実際に..問題が解決しない答えを受け入れることはお勧めできません..しかし、私は実際に助ける私の質問(s)への答えが、私はそれらを投票し、答えを受け入れることを確信しています.. @Niklas:あなたはこの役に立たないコメントをしてはいけません...むしろあなたは解決策を提供したでしょう:-) –

+1

@ニクラス、ええ、私はOPの質問の他の2つのページを逃しました、ここでスマートなお尻のように行動する必要はありません。他の人が回答を受け入れるように強制することができない、または回答が得られないという点がまだ残っています。 68%はまともな数字です。 –

+0

'(そのような場合は受け入れにくいですが、あなたは同意しませんか?)' - 間違った事実を持つスマートなお尻のコメントは私を止めました。しかし、これを落として行きましょう。 – Niklas

答えて

0

オクラホマ時に自動リフレッシュ、

私はこの問題を自分で解決しました。この質問に投稿したコードは、すべての最新のデスクトップブラウザでうまく機能します。

私はiScrollを使用しました。 iScrollの問題は、Firefox 3.6で正常に動作していないことでした。だから私が行ったのは、ブラウザがFirefoxと検出されたときに、wrapperidiScrollに設定して、""(空文字列)に設定しました。これにより、ブラウザは以前のコードを使用します。

これは、すべてのデスクトップ+モバイルブラウザで動作する方法です。これは他の人に役立ちます

希望、

1

http://cubiq.org/dropbox/iscroll4/examples/simple/

このhttp://cubiq.org/iscroll-4

例を試してみたが、それはいくつかの問題

  • フォームフィールドの互換性
  • ズーム
  • ベターデスクトップブラウザの互換性
  • をグリッチを持っています
  • onScrollイベント
  • ハッシュとハッシュ変更のサポート(すなわち: http://example.com/#element-id
  • DOMの変更
+0

通常のデスクトップブラウザでも動作しますか? –

+0

例(http://cubiq.org/dropbox/iscroll4/examples/simple/)はFirefoxで動作しません。あなた自身でテストしましたか? –

+0

@mahendraaliya - 私はすでに私の答えで言及しました。それはデスクトップのための良いサポートを持っていません –

関連する問題