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

Question

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

滚动时出现问题。

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

删除粘性页脚样式时尤为

body {
    height : 100%;
}

一切正常

Answer 1

修正了问题。 有一个

.mainContainer, .dashBoard { float: none !important; overflow:auto !important; }

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

但不知道原因。任何人都可以解释原因。