Проблема с прокруткой Bootstrap Datepicker ⇐ CSS

[Anonymous]

На моем веб-сайте возникла странная проблема с прокруткой: календарь выбора даты начальной загрузки не остается в поле ввода, к которому он прикреплен. Старался изо всех сил воссоздать это в jsfiddle. (в поле прокрутите колесо мыши, затем щелкните поле ввода, чтобы просмотреть календарь.) Я знаю, что он не отображается спереди, но это не проблема, это было просто для развлекательных целей. Вы заметите, что поле ввода прокручивается неправильно, и это я пытаюсь исправить.

Мой исходный код был:

Код: Выделить всё

 $(".datepicker-input").each(function(){ $(this).datepicker();});

HTML:

Код: Выделить всё

Скрипт:

Код: Выделить всё

    var datePicker = $().datepicker({});
var t;
$(window).on('DOMMouseScroll mousewheel scroll', function() {
window.clearTimeout(t);
t = window.setTimeout(function() {
$('.datepicker-input').datepicker('place');
}, 100);
});

CSS:

Код: Выделить всё

html,body {
overflow-x: hidden;
position: relative;
min-height: 100%;
}

.datepicker-input {
margin-top: 250px;
margin-left: 100px;
}

.dropdown-menu {
font-size: 13px;
margin-left: 20px;
}

Ссылка на jsfiddle: http://jsfiddle.net/8C6jT/1/ (спасибо А. Вольфу)

РЕДАКТИРОВАТЬ:

Эта функция довольно эффективна в Chrome и IE. Она по-прежнему заставляет календарь отодвигаться от поля ввода. если вы прокручиваете слишком быстро, но в Firefox это не работает.

Подробнее здесь: https://stackoverflow.com/questions/238 ... ling-issue