jQuery日期选择器不随页面滚动移动

Question

我正在使用标准的jQuery UI datepicker,但是当我滚动页面时,日期选择器仍然是固定的.任何想法如何解决这个问题？

http://jsfiddle.net/jbK6a/3/

此致,尼尔

Answer 1

问题是,datepicker 在with 之外.如果在容器内生成了datepicker,那么这不是问题.divoverflow: scroll;

解决方案:http://jsfiddle.net/jbK6a/15/

我使用beforeShow事件将datepicker放在输入后面.

我position: relative;在可滚动容器上使用,以便de absolute元素监听容器.

Answer 2

稍微摆弄一下，我设法得到了以下信息：

http://jsfiddle.net/jbK6a/12/

使用它，日期选择器将自己隐藏在页面滚动中。我相信有 jQuery 方法可以确定滚动位置，因此稍微摆弄一下，您就可以手动操作日期选择器并根据此值更新其位置...

更新：只是稍微摆弄了一下，得到：http : //jsfiddle.net/jbK6a/18/滚动日期选择器，但它真的很乱，任何数量的东西都可以破坏它，尤其是其他可折叠元素。幸运的是，Sem 有一个更好、更干净的解决方案:)

（虽然我想我会添加我的代码）