Question

可能重复：
Mobile Webkit reflow issue

我一直试图解决这个问题。我在ios上有一个固定的页脚，里面有4个链接。它们下面还有6个链接，因为它们位于下方，所以不应该是可点击的。但是在ios上，除非你首先滚动页面，否则固定页脚上的链接不起作用，而是点击它下面的链接。滚动最轻微的一点后它工作正常。我希望我能够清楚地解释这一点。

你可以在这里看到它的一个例子：
amstar.m77950.com
（在iPhone上查看）

我尝试将z-index应用于页面上的每个元素，看看是否有修复。我还使用了jquery来确保z-index被应用于onLoad（尽管它本来应该是这样）。

然而，在滚动页面之前，我仍然无法使页脚中的链接起作用。

对此的任何帮助都很受欢迎。感谢。

这是我申请元素的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

Position存在已知问题：已在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>

滚动后，IOS无法单击固定页脚中的链接？

2 个答案: