2010-04-22 3 views
3

Я использую управление datepicker из jQuery-ui 1.8. from-date - это текстовый ввод. Я прилагаю очень простой DatePicker:jQuery datepicker вызывает переполнение страницы

$('#from-date').datepicker(); 

Это приводит к тому, страницу переполнения (вертикальная полоса прокрутки), который я стараюсь избегать. Как только я нажимаю дату, появляется элемент управления datepicker, и полоса прокрутки исчезает. После отклонения datepicker полоса прокрутки больше не отображается.

Текстовое поле находится внутри div с переполнением: авто и фиксированной высотой и шириной. Я подозреваю, что это проблема z-index.

Что я делаю неправильно? Как мне отладить это?

+0

Как об использовании $ («тело») CSS («переполнение», «скрытый»); чтобы страница не прокручивалась, если вы никогда не хотите ее прокручивать? Кроме того, вы тестировали несколько браузеров? – Adam

+0

В конце концов я настрою переполнение скрытым для всего тела, но я хотел бы сделать это как отказоустойчивое. Сначала мне нужно выяснить, почему это происходит. EDIT: Это происходит в firefox 3.6.3, iexplore 8, opera 10.50 – nc3b

+0

Возможно, вам будет легче помочь, если вы представили страницу? – SamB

ответ

5

У меня была точно такая же проблема. Обертывание Datepicker в новый DIV с фиксированным положением после документа готов работал для меня.

$(document).ready(function() { 
    // ... 
    $("#ui-datepicker-div").wrap('<div style="position:absolute;top:0px;"></div>'); 
} 
+0

Отлично! Это сработало для меня. Я использовал форму ввода данных в прокручиваемом DIV. При прокрутке вниз и открытии выбора даты, div прокручивается до исходного положения. Выше решения была устранена проблема. – Dimuthu

Смежные вопросы