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

Question

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

相比下面我在页面中有输入框的情况，当body滚动时，datepicker随着输入框滚动
http://jsfiddle.net/bniya_dev/EpKYp/

我怎么解决这个问题？

Answer 1

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

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