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

我已经使用CSS3实现了一个粘性页脚。它对页脚很有效。但是在同一个页面中，我有DatePicker和其他从元素弹出的jquery小部件

滚动时出现问题

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

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

body {
    height : 100%;
}

一切正常

解决了问题。 有一个

.mainContainer、.dashBoard{
浮动：无！重要；
溢出：自动！重要；
}

当移除溢出自动时，日历在滚动时仍保持其相应的位置。 这个

---

但是我不知道原因。有人能解释一下原因吗

为什么你的日期选择器在你的主包装外？我不知道：（.不应该是这样吗？我不熟悉这个。如果你想让它正确滚动，它必须在相对定位的容器内，这样当滚动时，日期选择器将如何跟随它的父容器。我假设你正在使用的脚本将此日期选择器附加到一个body标记上，并通过设置x&y将其定位，所以你需要检查你的da首先是tepicker脚本是的，没错。日期选择器被附加到body标记上