jQuery datepicker導致頁面溢出

我使用jQuery-ui 1.8中的datepicker控件。 from-date是一個文本輸入。我附上一個非常簡單的日期選擇器：jQuery datepicker導致頁面溢出

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

這會導致頁面溢出（垂直滾動條），我試圖避免。只要我點擊從日期，datepicker控件出現，滾動條消失。關閉日期選擇器後，滾動條不再出現。

文本字段在具有溢出的div內：auto和固定的高度和寬度。我懷疑這是一個Z指數問題。

我在做什麼錯？我將如何調試？

2010-04-22 nc3b

如何使用$（「身體」）的CSS（「溢出」，「隱藏」）;阻止頁面滾動，如果你永遠不想滾動頁面？另外，你在多個瀏覽器上測試過嗎？ – Adam 2010-04-22 16:27:29

最後，我會設置溢出隱藏整個身體，但我想這樣做的故障安全。首先，我需要弄清楚爲什麼會發生這種情況。編輯：這發生在Firefox 3.6.3，iexplore 8，歌劇10.50 – nc3b 2010-04-22 16:28:48

也許它會更容易幫助，如果你提供的頁面？ – SamB 2010-04-23 00:15:46

我有完全相同的問題。包裝日期選擇器到一個新的div與文檔後的固定位置準備工作對我來說：

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

2010-04-26 13:00:34 Haes

太棒了！這對我有效。我在一個滾動的DIV中使用了一個數據輸入表單。當向下滾動並打開日期選擇器時，div會滾動到原始位置。以上解決方案解決了問題。 – Dimuthu 2012-01-24 11:11:19

回答