2009-11-10 3 views
0

Я использую jQuery UI Datepicker.изменить положение jQuery UI Datepicker

Однако вертикальная панель прокрутки CSS overflow-y:scroll вызывает ошибку для Firefox, Opera и Safari.

Эта ошибка может быть легко воспроизведен путем копирования образца кода jqueryUI и добавление 2 строки деклараций CSS:

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

Демонстрационный можно увидеть here (jsbin). Чтобы увидеть ошибку, нажмите на текстовое поле, расположенное в правом верхнем углу)

Согласно команде jQuery, эта ошибка не будет исправлена, поскольку тело настроено.

С кем-то сталкивались с этой проблемой раньше?

Есть ли решение проблемы?

Edit:

Как видно на этом скриншоте срезает часть календаря:

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

Благодарности Jan

+0

Что именно проблема? Я нажимаю на текстовое поле, которое открывается datepicker, и появляется горизонтальная полоса прокрутки, поскольку финишер не полностью вписывается в страницу. Разве это не то, что вы хотели? – jitter

+0

Именно это и есть моя проблема. Я также добавил скриншот. – jantimon

ответ

2

Это не чистое решение, как это выглядит в Internet Explorer.

Однако это работает, и вы можете проверить для пользователей браузера:

$("#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

Ваш вопрос был задан через год после этого. – jantimon