2013-06-11 2 views
1

나는 최근에 colorbox와 함께 작동하는 프로젝트에서 일해 왔습니다. 모든 것이 데스크톱 컴퓨터의 모든 브라우저에서 작동하지만 iPad 브라우저에 문제가 있습니다.컬러 박스 이상한 iPad에서 움직이는 위치

사용자가 정보를 입력하고 저장하기 위해 여러 입력 텍스트 상자가 포함 된 양식을 표시하려면 colorbox를 사용하고 있습니다. 내가 겪고있는 문제는 사용자가 iPad의 색상 상자 내에서 텍스트 상자를 클릭하면 색상 상자 위치가 오른쪽 아래로 밀려 나고 따라서 사용자가 축소되어 다시 colorbox를 찾지 않으면 색상 상자를 볼 수 없다는 것입니다. . 그러나이 작업을 수행 한 다음 텍스트 상자를 다시 클릭하면 같은 일이 발생합니다. 따라서 ... 텍스트 상자에 정보를 입력 할 수 없습니다.

나는 이것이 iPad가 클릭되었을 때 텍스트 상자에 집중하려고한다는 사실과 관련이 있다는 느낌이 들었습니다. 텍스트 상자를보기 위해 가져 오려고했지만 색상 상자가 표시되기 때문에 작동하지 않습니다. 이것이 올바른 아이디어인지 확실하지 않습니다.

더 많은 정보를 원하면 알려 주시기 바랍니다.

도움이 될 것입니다. 이 요소가 초점에있을 때 위치를 이동에서 colorbox를 중지

$.colorbox({ href:"/sites/index.html", width: 600, reposition: false }); 

: 관심있는 사람들을위한

+0

iPad에서 실행중인 iOS 버전은 무엇입니까? 고정 위치는 iPad에서 악몽입니다! 그러나 버전 6.1을 사용하는 @Ryank Im 5 – Ryank

+0

에서 더 나은 지원이 제공되었습니다. 다른 아이디어? –

+0

이 기사는 [link] (http://stackoverflow.com/questions/4889601/css-position-fixed-into-ipad-iphone) 도움이 될 수도 있고 대안으로 자바 스크립트 수정을 할 수도있다 - 여기] (http://stackoverflow.com/questions/10597622/keeping-a-jquery-modal-within-an-ipad-viewport) – Ryank

답변

3

내가이 문제를 해결하는 방식은 colorbox에

reposition: false 

을 추가했다 .

관련 문제