2009-11-10 75 views
0

我正在使用jQuery UI Datepicker。更改jQuery UI的位置Datepicker

但是,垂直CSS滚动条overflow-y:scroll会导致Firefox,Opera和Safari出现问题。

此缺陷可以很容易地通过复制jQueryUI的的示例代码并加入2行CSS声明被再现:

body { overflow:scroll } 
#datepicker{ position:absolute; right:1px } 

的演示可以看出here (jsbin)。在右上角的文本框中查看错误点击)

根据jQuery团队的说法,这个bug将不会被修正,因为body是自定义的。

以前有人遇到过这个问题吗?

有没有解决这个问题的方法?

编辑:

正如这张截图看到它削减日历的一部分:

alt text http://i37.tinypic.com/21awbo0.jpg

感谢 月

+0

到底是什么问题?我单击文本框日期选择器打开并出现一个水平滚动条作为日期选择器不完全适合页面。这不是你想要的吗? – jitter 2009-11-10 10:39:17

+0

这就是我的问题。我还添加了一个截图。 – jantimon 2009-11-10 11:21:55

回答

2

这不是一个干净的解决方案,因为它看起来不同IE浏览器。

但是它的工作原理,你可能会检查用户的浏览器:

$("#ui-datepicker-div").wrap('<div style="position:absolute;left:-2em;top:-1em"></div>'); 
+0

这里提出了类似的修复方法。 http://stackoverflow.com/questions/2692601/jquery-datepicker-causes-page-overflow – Dimuthu 2012-01-24 11:12:30

+0

你的问题在这个问题发生一年后提出。 – jantimon 2012-01-25 16:05:41