如何防止日历小部件在滚动时浮动？

Question

如何防止滚动时日历小部件在屏幕上浮动？ 我正在使用jquery datepicker。

Answer 1

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

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

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

当容器div或窗口滚动时，这将隐藏日期选择器。这里是一个工作小提琴check solution

$('#datepicker').blur();会派上用场，当用户滚动.demo日历隐藏，但输入仍然集中，所以当他回滚时，他可以变得困惑。所以当我模糊它，他将不得不再次点击输入和日期选择器将显示。

Answer 2

我试过每一个答案，我可以在网上找到。我最终只是做这个滚动时隐藏日期选择器：

$(document).ready(function() { 
 
    var datepickerWin = $("id$=txtboxDate").datepicker({}); 
 
    
 
    document.addEventListener("wheel", function(event){ //anytime the mousewheel is scrolled 
 
    datepickerWin.datepicker("hide"); 
 
    $("id$=txtboxDate").blur(); //so we can remove the mouse cursor from the input field 
 
    }); 
 
    
 
    $("id=btnDate").click(function() { 
 
    datepickerWin.datepicker("show"); 
 
    }); 
 
    
 
    
 
    
 
});