iphone 5 응답 고정식 navbar 결함?

첫 번째 웹 사이트를 완성하려고하는데 거의 끝났다고 생각했지만 iPhone 5 (S 및 C)에서 일부 페이지 레이아웃을 보는 데 문제가 있습니다. 제 4에서는 괜찮습니다. 그리고 iPad에서 테스트했습니다. Android에서도 괜찮습니다.iphone 5 응답 고정식 navbar 결함?

문제는 고정 된 navbar (부트 스트랩)가 가로 스크롤링 div가있는 갤리 페이지 (사진 사이트)에서 튀어 나오지만 표준 페이지 레이아웃에서는 괜찮습니다. 마우스 휠 플러그인을 사용 중지 시켰습니다. 플러그인인지 확인하기 위해 실행 중이며 iPhone 5 문제에 영향을 미치지 않습니다. 일반 레이아웃 페이지가 좋습니다.

URL은 : http://www.pjrundle.co.uk

문제는 사진 페이지의 발생합니다.

죄송합니다. 정말로 분명한 질문 이시면 죄송합니다. 사이드 스크롤링 갤러리가 들어있는 div에 대한 CSS가 있습니다. 절대 위치 지정을 제거하고 아무런 효과도 시도하지 않았습니다.

.scroll { 
white-space: nowrap; 
background-color: white; 
padding-top: 73px; 
position: absolute; 
left: 0px; 
}

대단히 감사합니다.

감사합니다.

출처

2014-12-11 Pete Rundle

는'

'태그를 제거하십시오. 그것은

이미지 아래를 두 드릴 때 튀어 나오지 않고 아래로 스크롤하는 이미지에서만 튀어 오릅니다. 따라서 스크롤러와 캐 러셀 사이에 충돌이 있다고 생각합니다. 대신 터치 이벤트에 고정 속성을 추가/제거하거나 스크롤을위한 키보드 지원을 제거해야 할 수 있습니다. 안드로이드도 마찬가지라고 가정합니다. – mijopabe

덕분에 내가 추가하여 결국 그것을 고정 mijopabe :

.scroll { 
white-space: nowrap; 
background-color: white; 
padding-top: 73px; 
position: absolute; 
left: 0px; 
width: 100%; 
overflow: auto; 
}

하지 어쨌든 정직하지만 고정 할 다른 브라우저에서이없이 일을 왜 정말 확인합니다.

건배.

출처

2014-12-12 19:25:40

iphone 5 응답 고정식 navbar 결함?

답변

관련 문제