Webkit Overflow 스크롤이 발생하여 div가 표시되지 않습니까?

Question

내 웹 사이트 내용이 전체 화면을 채우는 절대 위치 div에 있습니다. 이 div의 스크롤은 일반적으로 모호합니다. 기본 추진력 스크롤이 아닙니다. 해결책? div에 -webkit-overflow-scrolling: touch;을 추가하십시오.

지금 모멘텀 스크롤이 작동하지만, 페이지를 아래로 스크롤하면 div 요소가 나타나지 않습니다. 콘솔에 오류가 표시되지 않으며 실제 페이지에는 아무런 문제가 없지만 개별 게시물 (div ')은 표시되지 않습니다.

사람이 자신의 아이 패드에이를 확인하거나 수정을 제안 할 수 있습니다 예를 들면 다음과 같습니다입니까? 차라리 Scrollability 라인을 따라 뭔가를 사용하지 않을 것입니다. iOS6 베타가 원인 일 수 있지만 안심하시기 바랍니다.

당신은 당신의 아이 패드

_{에이 site을 볼 수 있습니다 그리고 누군가가 내 책갈피를 설명하기 위해 나를 원한다면, 나는 기꺼이 그렇게 할 것입니다.}

Answer 1

현재 .post CSS 클래스는 position : relative를 사용합니다. 해당 줄을 제거하면 문제가 해결됩니다. 분명히 상대적 위치 요소는보기 내에 있지 않을 때 숨겨져 있습니다. iPad가 왜 이것을하는지 또는 그것이 버그인지 정확히 알지 못합니다. 내 경험상, iPad 장치는 가능한 한 효율적으로 실행하려고합니다. 예를 들어 스크롤하면 JS 애니메이션이 고정됩니다. 아마 이것은 iPads가 페이지를 더 효율적으로 렌더링하도록 만드는 기술입니다. 잘하면 도움이됩니다.

어쩌면는 관련이 주위 작품이이 문서 : 내 아이 패드에 CSS3 property webkit-overflow-scrolling:touch ERROR

Using '-webkit-overflow-scrolling: touch' hides content while scrolling/dragging