IOS không thể nhấp vào liên kết ở chân trang cố định cho đến sau khi cuộn?

Question

thể trùng lặp:
Mobile Webkit reflow issue

Tôi đã cố gắng để con số này ra. Tôi có một chân trang cố định trên ios với 4 liên kết trong đó. Của họ cũng là 6 liên kết dưới nó mà không nên nhấp vào được vì chúng ở bên dưới. Tuy nhiên trên ios khi trừ khi bạn di chuyển trang đầu tiên các liên kết trên chân trang cố định không hoạt động và thay vào đó nhấp vào liên kết bên dưới nó. Sau khi bạn cuộn bit nhỏ nhất nó hoạt động tốt. Tôi hy vọng tôi đã giải thích rõ ràng điều này.

Bạn có thể xem ví dụ về nó ở đây:
amstar.m77950.com
(xem trên iphone)

tôi đã cố gắng áp dụng z-index về cơ bản tất cả các yếu tố trên trang để xem nếu có là một sửa chữa. Tôi cũng sử dụng jquery để đảm bảo rằng chỉ mục z đã được áp dụng onLoad (mặc dù nó phải có được anyway).

Tuy nhiên, tôi vẫn không thể nhận được các liên kết ở chân trang để làm việc cho đến sau khi bạn cuộn trang.

Bất kỳ trợ giúp nào về vấn đề này được đánh giá cao. Cảm ơn.

Đây là css tôi đang áp dụng cho các phần tử:

vấn đề

.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

Có được biết đến với vị trí: Cố định trong iOS 5.1 và neo/liên kết và di chuyển. Xem lỗi sau đây # 10301184, # 10810232.

Một điều có thể giúp ... đôi khi ... là đặt con trỏ: con trỏ trong các div xung quanh liên kết của bạn.

Answer 2

Có cùng vấn đề. Sửa lỗi bằng cách cuộn lên và xuống trên thay đổi hướng bằng javascript.

tôi đã thêm đoạn mã sau vào mỗi trang, xấu xí của nó nhưng nó hoạt động:

<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>