Neil Neil - 1 year ago 288
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 ?


Sem Sem
Answer Source

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.


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.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download