Datepicker的位置在弹出框中的文本字段中不固定

Question

我有一个花式框弹出窗口。在其中我有很长的内容。该内容包括带有“日期选择器”的“出生日期”字段。

现在，当我单击字段“日历”时出现，但当我用鼠标滚轮滚动时它不会与文本字段保持一致，日期选择器不会移动，它仍保持在打开位置，我希望它随滚动一起移动。

Here is the FIDDLE DEMO with this issue :

http://jsfiddle.net/PFVxK/1314/

只需单击“弹出”，然后在“文本字段”中单击，然后滚动它，

我怎样才能解决这个问题 ？

Answer 1

datapicker日历的位置基于input原始位置。但是，滚动时它不会重新定位。但是，您可以datepicker在fancybox上重新放置它的位置scroll。

afterLoad: function () {
    $('.fancybox-inner').on('scroll', function () {
        var inp = $(this).find('input.hasDatepicker');
        $('#ui-datepicker-div').css('top', inp.offset().top + inp.outerHeight());
    });
}, beforeClose: function () {
    $('.fancybox-inner').off('scroll');
}

afterLoad和beforeClose加载花式盒之后和在关闭前的复选框被看中箱触发回调方法。

查看演示http://jsfiddle.net/NsNHZ/1/，让我知道它是否适合您。