javascript - jQuery datepicker 导致页面溢出

Question

我正在使用 jQuery-ui 1.8 中的日期选择器控件。 from-date 是文本输入。我附上了一个非常简单的日期选择器:

$('#from-date').datepicker();

这会导致页面溢出(垂直滚动条)，我正在努力避免这种情况。只要我单击开始日期，日期选择器控件就会出现，滚动条就会消失。关闭日期选择器后，滚动条不再出现。

文本字段位于具有 overflow:auto 和固定高度和宽度的 div 中。我怀疑这是一个 z-index 问题。

我做错了什么？我将如何调试它？

Answer 1

我遇到了完全相同的问题。在文档准备好后将 Datepicker 包装到一个具有固定位置的新 div 中对我有用:

$(document).ready(function() {
    // ...
    $("#ui-datepicker-div").wrap('<div style="position:absolute;top:0px;"></div>');
}