javascript - 粘性页脚 CSS 使 jQuery 小部件在滚动时从各自的位置移动

Question

jsfiddle example here我已经使用 CSS3 实现了一个粘性页脚。它适用于页脚。但在同一页面中，我有日期选择器和其他从元素中弹出的 jquery 小部件。

滚动时出现问题。

在滚动时，小部件也会从不需要的相应位置移动，因为如果我有两个日期选择器一个接一个地打开第一个并滚动日历位置可能会更改为第二个日历位置并导致可用性问题。

特别是在移除粘性页脚样式时

body {
    height : 100%;
}

一切正常

Answer 1

解决了这个问题。有一个

.mainContainer, .dashBoard {
float :无!重要；
溢出:自动!重要；
}

并且在删除溢出自动时，日历在滚动时保持其相应位置。example here .

但不知道原因。谁能解释一下原因。