首页 > 解决方案 > 绝对定位元素不在相对父级中

问题描述

我正在构建一个多步骤表单,然后为这些步骤设置动画。我已将不同的问题分组到单独的fieldsets中,然后为它们设置动画fieldsteps。父包装器已position:relative应用。

当您单击“上一个”时,您可以看到页脚落后于fieldset现在的页脚position:absolute。我该如何阻止这个?我不能在父级上设置明确的高度,因为它会从一步更改为下一步。

https://codepen.io/JustHam/pen/yLejWVZ

在此处输入图像描述

标签: jquerycssanimationcss-animations

解决方案


我注意到在 Next 按钮的单击侦听器中,您将位置设置current_fs为绝对位置,但在上一个按钮的单击侦听器中,您没有将位置更改回相对位置。

complete在上一个按钮的单击侦听器中更改了您的函数,将位置更改previous_fs回相对,它似乎正在工作:

      complete: function () {
        current_fs.hide();
        animating = false;
        previous_fs.css({position: 'relative'})
      },

推荐阅读