IOS無法單擊固定頁腳中的鏈接，直到滾動後？

可能重複：
Mobile Webkit reflow issue IOS無法單擊固定頁腳中的鏈接，直到滾動後？

我一直在試圖弄清楚這一點。我有一個固定的頁腳，其中有4個鏈接。它們下面也有6個鏈接，因爲它們在下面，所以它們不應該是可點擊的。但是在ios上，除非先滾動頁面，否則固定頁腳上的鏈接不起作用，而是點擊下面的鏈接。在你稍微滾動一下後，它可以正常工作。我希望我解釋得很清楚。

這裏你可以看到它的一個例子：
amstar.m77950.com
（在iPhone上查看）

我想申請的z-index基本上每個頁面上的元素，看看是否有是一個修復。我也用jquery來確保z-index被應用於Load（儘管它應該是無論如何）。

然而，我仍然無法讓頁腳中的鏈接工作，直到您滾動頁面。

對此的任何幫助都非常有幫助。謝謝。

這裏是我申請的元素的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; 
}

來源

2011-12-29 busyPixels

你試過將一個明確的高度了吧？ – canon 2011-12-29 15:29:25

是的，我試過，仍然沒有運氣。感謝您的輸入。 – busyPixels 2011-12-29 15:31:40

只有IOS5及以上版本支持該位置：固定屬性。 – 2012-01-05 18:41:19

有已知問題的位置：在IOS 5.1及錨/鏈接和滾動修正。請參閱以下錯誤＃10301184，＃10810232。

有一件事可以幫助......有時候......是將光標：指針放在鏈接周圍的div中。

來源

2012-04-14 14:10:05

我遇到了同樣的問題，但添加光標：指針修復了問題......出於某種原因。這是一個非常奇怪的解決方案。我能夠將其應用到我的頁面的整個標題（鏈接本身是一個5-6級深的孩子）。由於它適用於移動設備，因此光標樣式可能不會引起注意。 – 2012-06-08 08:46:14

可能你問題不是我在這裏提到的。這是一個已知的bug，不會通過添加遊標：指針來解決。在iPad或iPhone（觸摸設備）上，鏈接可以獲得觸摸事件，但是其他一些東西（如使用jQuery附加點擊處理程序的div）不會獲得觸摸事件，除非實際上通過添加光標：指針告訴iOS它可以觸摸。隨着那裏你會得到觸摸事件。 – 2012-06-10 12:23:25

有同樣的問題。通過使用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>

來源

2012-07-18 17:12:03

IOS無法單擊固定頁腳中的鏈接，直到滾動後？

回答

相關問題