모바일 사파리에서 스크롤링 사이트가 작동하지 않습니까?

단일 페이지 스크롤링 웹 사이트가 있습니다. jquery가있는 고정 위치 탐색 모음을 사용하여 웹 사이트의 다른 섹션으로 스크롤합니다. 이 사이트는 iOS (Android에서는 테스트하지 않았습니다)를 제외하고는 정상적으로 작동합니다. iOS에서는 링크를 클릭 한 후 수동으로 위 또는 아래로 스크롤 할 때까지 탐색이 정지합니다. 어떤 이유로 링크는 스크롤 할 때까지 활성 상태로 유지됩니다. 모바일 사파리의 버그입니까? 몇 가지 해결 방법이 있습니까? 당신이 문제를보고 싶은 경우모바일 사파리에서 스크롤링 사이트가 작동하지 않습니까?

가

<body> 
    <ul class="nav"> 
     <li><a href="#about">About</a></li> 
     <li><a href="#portfolio">Portfolio</a></li> 
     <li><a href="#contact">Contact Me</a></li> 
    </ul> 

<div class = "page" id = "home"> </div> 

<!-- About --> 
<div class = "page" id="about"> 
<div class="pagebreak"></div> 

</div> 

<!-- Portfolio --> 
<div class = "page" id="portfolio"> 
<div class="pagebreak"></div> 

</div> 

<!-- Contact Me --> 
<div class = "page" id="contact"> 
    <div class="pagebreak"></div> 
</div> 
</body>

다음은 실제 사이트 :

다음은 기본적인 HTML의 난이 JQuery와 또는 자바 스크립트 문제로 인해 생각하지 않습니다, BTW http://boundincode.com

을도 자바 스크립트와 jquery를 제거하면 문제가 지속됩니다.

출처

2011-12-24 BoundinCode

내 iPhone 4 (5.0.1)에서 제대로 작동합니다. iOS 버전은 무엇입니까? – Zar

링크를 클릭하면 즉시 다른 링크를 클릭 할 수 있습니까? 나는 5.0.1도 사용하고있다. 하지만 내 휴대 전화에서 나는 링크가 동결하지 않고 하나의 링크를 클릭 할 수 있습니다 – BoundinCode

오, 내 잘못. 이제 그 문제를 봅니다. 나는 할 수 없다. 그러나 때로는 올바른 방향으로 약간 밀어 넣는다. 내가 한번 볼게. – Zar

원래 답변과 완전히 다른 답변이므로 답변을 추가하겠습니다.

일시적인 해결 방법이 필요하므로 iScroll 4에서 찾고있는 것을 찾을 수 있습니다. iOS 5 일 이전에 달성하려는 작업을 수행하기 위해 사용 했으므로 조사 할 가치가 있습니다.

출처

2011-12-27 17:37:58 Scottie

position: fixed 지원은 iOS 5의 모바일 사파리에만 추가되었으므로 다른 사이트에서도 동일한 문제가 발생하는 경우에는 여전히 구현이 버그 상태입니다. 아마도 애플에게 버그 리포트를 제출할 가치가있을 것이다.

출처

2011-12-25 11:22:49 Scottie

감사합니다. 보고서를 제출할 것입니다. 이제 일시적으로 임시 해결책을 찾아야합니다 ... – BoundinCode

모바일 사파리에서 스크롤링 사이트가 작동하지 않습니까?

답변

관련 문제