我有一个Fancy Box Popup.我在其中有很长的内容.该内容包括具有Datepicker的出生日期字段.
现在,当我单击字段Calender时,但当我用鼠标滚轮滚动时它不会保留在文本字段中,日期选择器不会移动,它保留在打开它的同一个地方,我希望它随滚动一起移动.
Here is the FIDDLE DEMO with this issue :
http://jsfiddle.net/PFVxK/1314/
只需单击Popup,然后单击Textfield,然后滚动它,
我怎样才能解决这个问题 ?
解决方法:
数据贴纸根据输入的原始位置定位日历.但是,滚动时它不会重新定位.但是,您可以在fancybox滚动上重新定位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是加载花式框后和关闭框之前由花式框触发的回调方法.
查看演示http://jsfiddle.net/NsNHZ/1/并告诉我它是否适合您.