日期选择器保留在页面上的固定位置

Question

我有一个固定大小的可滚动的div    <div style="height:400px; overflow:scroll">
在div中我有一个带日期选择器的输入框（bootstrap-datepicker）
在打开日期选择器后滚动div时，即使输入框滚动，它也会在打开的位置保持不变 http://jsfiddle.net/bniya_dev/EG2TK/4/

与以下情况相比，我在页面中有一个输入框，当正文滚动时，日期选择器滚动输入框
http://jsfiddle.net/bniya_dev/EpKYp/

我该如何解决这个问题？

Answer 1

如果您始终希望日期选择器位于左上方，即使用户滚动时也使用CSS将其设置为固定位置。这会将您的日期选择器设置在左上角

input {
 position:fixed;
 top: 0; left: 0;/*change position using these*/
}