몸체가 아래로 스크롤 될 때 집게/확대/축소 할 때 고정 머리글을 페이지 상단에 어떻게 유지합니까?

Question

고정 위치 헤더 (Z- 색인 : 1000)가있는 웹 페이지가 있습니다. 페이지의 본문은 더 낮은 Z- 색인이며 머리글 아래로 스크롤됩니다.

내 스마트 폰에서 페이지를 집어 넣거나 확대/축소 할 때 머리글이 웹 페이지에서 분리되어 본문과 겹쳐서 확대됩니다.

첨부 된 페이지 상단에 머리글을 남기고 싶습니다. 이 항상 터치 스크린 장치에 문제가있다 TEST PAGE

Answer 1

: 여기

는 링크입니다. 나는 pinching/zooming이 당신이 만지는 요소뿐만 아니라 전체 viewport를 움직이기 때문에 이것을위한 순수한 CSS 해결책이 있다고 믿지 않는다. 자바 스크립트 기반 솔루션을 사용해야 할 수도 있습니다. 광범위한 목록은 여기를 참조하십시오. http://bradfrostweb.com/blog/mobile/fixed-position/