Html 如何停止动画将页脚向下移动

我在css中有一个动画，当页面展开时，我的页脚会随着每个阶段向下移动。动画本身就是这样的文本动画

<div class="fatext">some text</div>

我试过：

.footer-widget-area {
  position:fixed;
}

---

我可以用css做些什么来阻止这种情况？

试着让元素

位置：绝对

但是我的元素需要相对定位，动画才能工作，或者？你能用HTML提供一个工作示例吗？你可以在手机中看到工作示例请在问题本身中提供一个

.footer-widget-area {
  position:fixed;
}