2012-01-23 3 views
8

면책 조항 : 사이트가 한동안 업데이트되었으므로이 문제는 새로운 버전의 디자인에서는 더 이상 발생하지 않습니다.iOS Safari 상단으로 스크롤하는 기능이 특정 페이지에서 작동하지 않습니다. 왜?

새 사이트에서 나는 사파리 (iOS 5)에서 이상한 특질을 발견했다. 일반적으로 사파리 위에있는 검은 색 막대를 탭하면 웹 페이지의 맨 위로 스크롤 할 수 있습니다. 내 새 웹 사이트에서는 홈페이지에서 작동하지만 단일 기사 페이지에서는 작동하지 않습니다.

사용해보기! versbeton.nl (작동!) versbeton.nl/2012/01/vers-vloeibaar/ (작동하지 않습니다!)

어떻게 이런 상황을 디버깅 할 수 있습니까? 내가 아는 한, iOS 용 파이어 버그 (firebug) (또는 유사한 디버깅 도구)는 없습니다.

+1

iOS 5.0.1이 적용된 iP4S에서는 두 링크가 모두 잘 작동합니다. 이 동작은 모든 스크롤 뷰에 공통적입니다. 오작동은 웹보기의 내용과 관련되어서는 안됩니다. 웹 페이지의 디스플레이 속성을 재정의하고 있습니까? – teriiehina

+0

@teriiehina 실제로 플로리안이보고 한 것처럼, 두 번째 링크가 5.0.1 또는 5.0 iPhone 시뮬레이터에서 iPhone 4S를 스크롤하지 않는다는 사실을 알았습니다. iPad 5.0 시뮬레이터에서는 괜찮 았지만. 아마도 iPhone에만 나타나는 Twitter/Facebook 오버레이에 관한 것일까요? – Tommy

+0

@ 토미> 그냥 시뮬레이터 (내 첫 번째 의견, 내 장치를 사용했다)와 함께 노력하고 여전히 작동 중입니다. 하지만 나는 트위터/페이스 북 오버레이를 보지 못했다. – teriiehina

답변

16

-webkit-overflow-scrolling:touch이 문제입니다. CSS에서 으로 사용하면 스크롤 바로 가기가 작동하지 않습니다. 이것은 iOS 5의 알려진 문제이며, 불행히도 해결 방법이 없습니다. 다행히도 iOS 6에서 수정 될 것입니다.

+0

굉장! 이 버그에 대해 발표 된 것이 있었습니까? 아니면 우연히 우연히 발견 되었습니까? – Florian

+0

젠장. 그리고 이것에 대한 해결책은 전혀 없습니다. –

+2

이것은 여전히 ​​iOS 7.0.2의 문제입니다. – rharper

0

사파리를 사용하고 웹 에이전트를 iPhone으로 지정하여 방화범 소리와 비슷한 것을 가질 수 있습니다. 그러나 동일한 웹킷 엔진을 사용할 지 확신하지 못합니다.

설정> Safari> 고급에서 Safari 용 개발자 도구를 활성화 할 수도 있습니다.

행운을 빈다.

+0

Mac에서 Safari를 사용한다고해서 iOS 관련 문제를 디버그하는 데 도움이되지 않습니다. 내 Mac에서 사용할 수있는 검은 색 막대가 없습니다 ... 또는 나는 당신의 대답을 오해하고 있습니까? – Florian

+1

예, OSX에는 검은 색 막대가 없지만 Safari의 웹 개발 도구를 사용하면 창의 특성과 요소를 검사하는 데 도움이됩니다. 그리고 iPhone에서 Dev Tools를 활성화 할 수 있습니다. – teriiehina

+0

아, iOS의 '디버그 콘솔'. 그게 좋은 팁입니다! 그러나 슬프게도 :이 문제와 관련이없는 오류는 없습니다. – Florian

관련 문제