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

Question

这里的 jsfiddle 示例 我已经使用 CSS3 实现了一个粘性页脚。它适用于页脚。但是在同一页面中，我有 datepickers 和其他从元素中弹出的 jquery 小部件。

滚动时出现问题。

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

尤其是在删除粘性页脚样式时

body {
    height : 100%;
}

一切正常

Answer 1

修复了问题。有一个

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

并且在删除溢出自动时，日历在滚动时保持其相应的位置。这里的例子。

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