2010-04-22 107 views
3

我使用jQuery-ui 1.8中的datepicker控件。 from-date是一个文本输入。我附上一个非常简单的日期选择器:jQuery datepicker导致页面溢出

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

这会导致页面溢出(垂直滚动条),我试图避免。只要我点击从日期,datepicker控件出现,滚动条消失。关闭日期选择器后,滚动条不再出现。

文本字段在具有溢出的div内:auto和固定的高度和宽度。我怀疑这是一个Z指数问题。

我在做什么错?我将如何调试?

+0

如何使用$(“身体”)的CSS(“溢出”,“隐藏”);阻止页面滚动,如果你永远不想滚动页面?另外,你在多个浏览器上测试过吗? – Adam 2010-04-22 16:27:29

+0

最后,我会设置溢出隐藏整个身体,但我想这样做的故障安全。首先,我需要弄清楚为什么会发生这种情况。 编辑: 这发生在Firefox 3.6.3,iexplore 8,歌剧10.50 – nc3b 2010-04-22 16:28:48

+0

也许它会更容易帮助,如果你提供的页面? – SamB 2010-04-23 00:15:46

回答

5

我有完全相同的问题。包装日期选择器到一个新的div与文档后的固定位置准备工作对我来说:

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

太棒了!这对我有效。我在一个滚动的DIV中使用了一个数据输入表单。当向下滚动并打开日期选择器时,div会滚动到原始位置。以上解决方案解决了问题。 – Dimuthu 2012-01-24 11:11:19