2009-11-10 11 views
0

jQuery UI Datepicker를 사용하고 있습니다.jQuery UI Datepicker의 위치를 ​​변경하십시오.

그러나 수직 CSS 스크롤바 overflow-y:scroll은 Firefox, Opera 및 Safari에 버그를 발생시킵니다.

이 버그

쉽게 2 개 라인 CSS 선언을 jqueryUI의 샘플 코드를 복사하고 추가하여 재현 할 수 있습니다 :

body { overflow:scroll } 
#datepicker{ position:absolute; right:1px } 

데모는 here (jsbin)를 볼 수 있습니다. 버그를 보려면 오른쪽 상단 모서리에있는 텍스트 상자를 클릭하십시오.

jQuery 팀에 따르면이 버그는 신체가 사용자 정의되면서 수정되지 않습니다.

이전에 누군가이 문제에 직면 했습니까?

이 문제를 해결할 수있는 해결책이 있습니까?

편집 :

이 스크린 샷에서 볼 수 있듯이

는이 달력의 일부 인하 :

alt text http://i37.tinypic.com/21awbo0.jpg

감사를 월

+0

정확히 문제가 무엇입니까? datepicker가 열리는 텍스트 상자를 클릭하면 날짜 표시기가 페이지에 완전히 맞지 않으므로 가로 스크롤 막대가 나타납니다. 너가 원했던 거 아닌가? – jitter

+0

정확히 내 문제입니다. 나는 또한 스크린 샷을 추가했다. – jantimon

답변

2

이 다른 보이는이 깨끗한 해결책이 아니다 인터넷 익스플로러.

그러나 그것은 작동하면 사용자의 브라우저를 확인할 수 있습니다

$("#ui-datepicker-div").wrap('<div style="position:absolute;left:-2em;top:-1em"></div>'); 
+0

유사한 수정 방법이 나와 있습니다. http://stackoverflow.com/questions/2692601/jquery-datepicker-causes-page-overflow – Dimuthu

+0

귀하의 질문에 1 년 후이 질문을 받았습니다. – jantimon

관련 문제