javascript - 弹出窗口中的文本字段未固定日期选择器位置

Question

我有一个 Fancy Box Popup。其中我有一个很长的内容。该内容包括带有日期选择器的出生日期字段。

现在，当我在字段中单击时，会出现日历，但当我用鼠标滚轮滚动时，它不会保留在文本字段中，日期选择器不会移动，它会保留在打开时的同一位置，我希望它随滚动一起移动.

Here is the FIDDLE DEMO with this issue :

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

只需单击 Popup，然后单击 Textfield，然后滚动它，

我该如何解决这个问题？

Answer 1

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

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 是fancy box在加载fancy box之后关闭box之前触发的回调方法。

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