ios fixed 버그

position:fixed버그는 ios 특정버전에서 발생하는 현상으로, position:fixed 스타일이 적용된 Modal팝업에 input과 textarea와 같은 작성양식을 갖을 경우, 작성양식이 focus를 갖게 될 경우 페이지의 위치가 상단으로 올라가면서 커서의 위치가 엉뚱한 곳에 있는 현상을 말한다.

방법1

스타일을 적용방법.

html,
body {
  -webkit-overflow-scrolling: touch !important;
  overflow: auto !important;
  height: 100% !important;
}

방법2

작성양식이 focus를 받을 경우, javascript로 순간적으로 position:fixed를 position:absolute로 변환하며 스크롤을 overflow:hidden으로 제거하고 현재 페이지의 위치를 저장해두었다가 absolute 설정과 top속성에 저장해둔 위치값을 지정하는 것임.