css - 过渡扩展页面

Question

我对 CSS3 的转换有疑问。正如我在下面的 CSS 文件片段中看到的那样，只要切换到事件状态，我就会使页脚向上滑动(我使用 jQuery 执行此操作)。

每当它变为事件状态时，它都会向上插入网站的内容，直到它完成转换，此时内容会向下滑动。看起来页面展开了，但由于 position 属性，这不应该发生。为什么会这样？

在此先感谢您的帮助。

.footer {
  height: 130px;
  width: 100%;
  position: absolute;
  bottom: -130px;
  background-color: #333;
  transition: bottom 250ms ease-out;
}
.footer-active {
  bottom: 0;
}

Answer 1

我找到了解决问题的方法。似乎只要元素移动，窗口就会自动滚动到元素的位置。我通过将 overflow: hidden 插入到 html 和 body 的 CSS 规则中解决了这个问题。