Search code examples
jquerydatepicker

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

Solution

  • 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.