라이트 박스 폼을 통해 iPhone 6의 입력 영역을 클릭하면 라이트 박스가 페이지 아래로 점프합니다.

Question

라이트 박스에 팝업 창이 나타나고 라이트 박스에서 클릭 한 폼이있는 iPhone 6에만 문제가 있습니다. 페이지가 보이지 않는다. 입력을 시작하면 라이트 박스가 다시보기로 점프하고 연속 된 입력이 채워지는 위치에 유지됩니다.

here 테스트 할 수 있습니다. "빠른 링크"아래에있는 녹색 상자를 클릭하면 볼 수 있습니다.

누구든지이 문제에 부딪혔습니까? 그렇다면 괜찮은 해결책이 있습니까? CSS? 자바 스크립트? 아무것도?

나는 모든 종류의 해킹을 시도했지만 아무 것도 작동하지 않습니다. 그것은 아이폰 5 이전에 잘 작동합니다. 나는 그것을 얻지 않는다.

Answer 1

제 검사에서 CSS 문제가 있습니다. 귀하의 최상위 레벨 <div>은 위쪽, 왼쪽, 오른쪽, 아래쪽 : 0 - 웹 사이트의 전체 높이 (약 5000px)로 만듭니다. 실제로 원하는 것은 뷰포트의 높이입니다 (약 600px 장치). 하단을 제거하십시오 : 0, 높이를 추가하십시오 : 100vh; CSS에서 최상위 레벨 .lity-iframe <div> 그리고 .lity-wrap <div> 또한 div는 위치 일 필요는 없습니다. 즉, 이미 위치에 고정되어 있기 때문에 고정되어 있습니다. lity-iframe <div>

그래야합니다.