Neil Neil - 1 month ago 13
jQuery Question

jQuery Date picker not moving with page scroll

I am using the standard jQuery UI datepicker ,However when i scroll the page the date picker remains fixed . Any ideas how to solve this ?

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

Regards,
Neil

Sem Sem
Answer

The problem is that the datepicker is outside the div with overflow: scroll;. If the datepicker was generated inside the container this wouldn't be a problem.

Solution: http://jsfiddle.net/jbK6a/15/

I placed the datepicker behind the input with the beforeShow event.

And I used position: relative; on the scrollable container so that de absolute element listens to the container.