javascript - 如何防止日历小部件在滚动时 float ？

Question

如何防止滚动时日历小部件在屏幕上 float ？我正在使用 Jquery 日期选择器。

Answer 1

var datePicker = $('#datepicker').datepicker();

$(".demo").scroll(function() {
  datePicker.datepicker('hide');
  $('#datepicker').blur();
});

$(window).resize(function() {
  datePicker.datepicker('hide');
  $('#datepicker').blur();
});

这将在容器 div 或窗口滚动时隐藏日期选择器。这是一个工作 fiddle check solution

$('#datepicker').blur(); 会在用户滚动时派上用场.因此，当我对其进行模糊处理时，他将不得不再次点击输入，日期选择器将出现。