jquery - 绝对定位元素不在相对父级中
问题描述
我正在构建一个多步骤表单,然后为这些步骤设置动画。我已将不同的问题分组到单独的fieldsets
中,然后为它们设置动画fieldsteps
。父包装器已position:relative
应用。
当您单击“上一个”时,您可以看到页脚落后于fieldset
现在的页脚position:absolute
。我该如何阻止这个?我不能在父级上设置明确的高度,因为它会从一步更改为下一步。
解决方案
我注意到在 Next 按钮的单击侦听器中,您将位置设置current_fs
为绝对位置,但在上一个按钮的单击侦听器中,您没有将位置更改回相对位置。
我complete
在上一个按钮的单击侦听器中更改了您的函数,将位置更改previous_fs
回相对,它似乎正在工作:
complete: function () {
current_fs.hide();
animating = false;
previous_fs.css({position: 'relative'})
},
推荐阅读
- php - 替代图像文本中的多个字符串
- android - 在 Android Studio 中使用 Recycler View 单击分页中的每个项目?
- android - 如何用android“dp”测量位图
- java - 更改 Java 中公共变量的值,供多个框架使用
- jupyter-notebook - 由于类型错误,通过标签删除某些单元格失败
- python - 改变熊猫的nan值
- jenkins - 使用 jenkins 更新 kubernetes 部署
- apache-spark - 转换列表[地图
] 触发数据框 - ruby - 从所有属性定义中提取使用的 filebeat 探矿者'fileds'(基于 ruby)
- ionic-framework - ionic 3 ion-radio 在字符串等于某物时检查