IOSは、スクロール後まで固定フッタのリンクをクリックできませんか？

Question

可能性の重複：
Mobile Webkit reflow issue

私はこれを理解しようとしています。私はそれに4つのリンクを持つios上の固定フッターを持っています。彼らはまた下にあるのでクリックできないはずの6つのリンクもあります。しかし、あなたが最初にページをスクロールしない限り、固定フッタのリンクは機能せず、その下のリンクをクリックしなければなりません。ちょっとスクロールするとうまく動作します。私はこれを十分に説明してくれることを望みます。

あなたはここでの例を見ることができます：
amstar.m77950.com
（iphone上のビュー）

私はそこかどうかを確認するためにページ上の基本的にすべての要素にZインデックスを適用してみました修正されました。私はまた、z-indexがonLoadに適用されていることを確認するためにjqueryを使用しました（とにかくあったはずですが）。

まだページをスクロールするまで、フッターのリンクが機能しない場合があります。

これについての助けは、多くの助けがあります。ありがとう。ここで

は私が要素に適用していCSSです：

.alertsBarClass { 
background: url("dynamicimage.aspx?id=21844") no-repeat scroll 0 0 #EA7E25; 
border-bottom: medium none; 
bottom: 0; 
display: block; 
position: fixed; 
width: 100%; 
z-index: 1000; 
} 

Answer 1

位置と既知の問題があります。のiOS 5.1とアンカー/リンクやスクロールで修正されたが。次のバグ＃10301184、＃10810232を参照してください。

場合によっては...あなたのリンクを囲んでいるdivにカーソル：ポインタを置くことです。

Answer 2

同じ問題がありました。 javascriptを使用して向きの変更を上下にスクロールすることで修正しました。

私は、各ページに以下のスクリプトを追加し、その醜いが、それは動作します：

<script type=\"application/x-javascript\"> 
    addEventListener('load', function() { setTimeout(orientationChange, 0);}, false); 
    var currentWidth = 0; 
    function orientationChange() 
    { 
     if (window.innerWidth != currentWidth) 
     { 
      currentWidth = window.innerWidth; 
      var orient = (currentWidth == 320) ? \"profile\" : \"landscape\"; 
      window.scrollTo(0, 0); 
      setTimeout(function() {window.scrollTo(0, 1); }, 250); 
      document.body.setAttribute('orient', orient);    
     }   
    } 

    setInterval(orientationChange, 400);   
</script>