IOS는 스크롤 할 때까지 고정 바닥 글에있는 링크를 클릭 할 수 없습니까?

Question

가능한 중복 :
Mobile Webkit reflow issue

나는이 문제를 알아 내려고 노력하고있다. 4 개의 링크가있는 ios에 고정 된 바닥 글이 있습니다. 그것들은 아래에 있기 때문에 클릭 할 수 없어야하는 6 개의 링크가 있습니다. 그러나 ios에서 페이지를 스크롤하지 않으면 고정 바닥 글의 링크가 작동하지 않고 대신 아래의 링크가 클릭됩니다. 조금이라도 스크롤하면 잘 동작합니다. 내가 충분히 명확하게 설명했으면 좋겠다.

당신은 여기의 예를 볼 수 있습니다
amstar.m77950.com
(아이폰에서보기)

나는 기본적으로 페이지에있는 모든 요소가 있는지 확인하기 위해 Z- 인덱스를 적용하는 시도가 고쳤다. 나는 또한 z- 인덱스가 onLoad에 적용되고 있는지 확인하기 위해 jquery를 사용했다 (어쨌든 그래야 함).

아직 페이지를 스크롤 할 때까지 바닥 글에있는 링크가 작동하지 않습니다.

이 문제에 대한 도움이 많이 있습니다. 감사. 위치와

.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

이 알려진 문제 : 아이폰 OS 5.1 및 앵커/링크와 스크롤에서 해결 된 다음

내가 요소에 적용하고있는 CSS입니다. # 10301184, # 10810232 버그를 참조하십시오.

때때로 도움이 될 수있는 한 가지 ... 링크를 둘러싼 div에 커서 : 포인터를 넣는 것입니다.

Answer 2

같은 문제가있었습니다. 자바 스크립트를 사용하여 방향 변경을 위아래로 스크롤하여 문제를 해결했습니다.

나는, 각 페이지에 다음 스크립트를 추가 추악한 그러나 그것은 작동합니다

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