Question

当向下滚动时，我有一个标题大约是原始大小的四分之一，这就需要在其中移动元素。现在，我只是在子元素上设置边距，以便在新大小的div中正确定位它们。在调整div之后，这创建了一个很好的结构，但是当它们发生变化时它看起来不太好，因为它们只是立即捕捉到新的位置，因为我没有任何动画。

所以我想知道 - 当将一个元素从A点移动到B点时，如何才能实现更平滑的过渡？

标题div中的相关CSS：

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

并且孩子们只是基本元素，display: block和一些边距可以正确定位它们。

我是否可以采取行动，使过渡更加顺畅？我查看了.animate()，但它似乎与绝对定位的元素一起工作，但对我来说并非如此。

Answer 1

jQuery 中的.animate()个元素不仅具有绝对位置，还具有固定位置和相对位置。

例如，这是JSFiddle的相对位置。

如果您仍然不想在下方使用.animate()评论。