2017-12-21 25 views
2

EmberJS 기반의 웹 응용 프로그램을 개발 중이며 여러 장치 유형에서 실행 중이어야합니다. 응용 프로그램에는 ember-modal-dialogliquid-wormhole 개의 추가 기능을 사용하여 처리되는 대화 상자가 포함됩니다.iOS의 대화 상자에서 HTML 스크롤 문제가 발생했습니다.

iPhone에서 대화 상자를 열면 대화 상자 내에서 스크롤되는 것이 멈추고 내용을 스크롤하는 대신 아래쪽에있는 (?) 요소가 스크롤 방향에 따라 위쪽 또는 아래쪽의 대화 상자 내용과 겹치게됩니다. . 그것은 설명하기가 실제로 어려운, 그래서 나는 비디오를 만들었어요 : 또한

https://drive.google.com/file/d/12Xfvxvx89r91svEyybMf1j6HFD3v_Tkl/view

, 당신은 그것을 자신을 시도 할 수 있습니다. 다음 링크를 클릭 한 다음 페이지의 첫 번째 항목에있는 버튼을 클릭하십시오.

https://rkr9z8g.suitepad.io/category/6463/page/22280

는 사람이 어떻게 문제를 해결하는 아이디어를 알거나이 있습니까?

답변

1

내 프로젝트에서 같은 문제가 있습니다. 하지만 내 div에 스타일이 중복 된 것을 발견했습니다. overflow-y: scroll을 제거하고 -webkit-overflow-scrolling: touch을 추가하십시오. 희망이 도움이됩니다.

+0

문제점을 발견했습니다. 여러 개의'-webkit-overflow-scroll :'세 개의 셀렉터들에 대한 터치 '. 'body, html'에서 제거하십시오. –

+0

고마워요! '-webkit-overflow-scrolling'의 사용을 변경하면 시각적 인 결함이 제거되었습니다. 중복되는 부분은 다른 요소의 부분입니다. 불행하게도 스크롤 할 수없는 상태에 여전히 빠져 있습니다. 앱을 업데이트했습니다. 위 링크를 사용하여 확인할 수 있습니다. 개선을위한 다른 아이디어? –

+0

다행입니다. 불행히도 나는 전혀 모른다 :) 미안. 당신이 가장 좋은 굿락을 기원합니다 :) –