绝对定位元素不留在相对父级
谜语
我正在构建一个多步骤表单，然后为这些步骤设置动画。我已将不同的问题分组为单独的fieldsets，然后将它们设置为动画fieldsteps。父包装器已position:relative应用。
当您单击“上一个”时，您可以看到页脚落后于fieldset现在拥有的position:absolute。我该如何阻止？我不能在父级上设置明确的高度，因为它会从一个步骤更改为下一个步骤。
https://codepen.io/JustHam/pen/yLejWVZ
约翰·R。
我注意到在 Next 按钮的点击侦听器中，您将 的位置设置current_fs为绝对，但在上一个按钮的点击侦听器中，您没有将位置更改回相对位置。
我complete在 Previous 按钮的单击侦听器中更改了您的函数，将previous_fsback的位置更改为 relative 并且它似乎正在工作：
complete: function () {
current_fs.hide();
animating = false;
previous_fs.css({position: 'relative'})
},
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
编辑于
相关文章
TOP 榜单
- 1
Android Studio Kotlin：提取为常量
- 2
IE 11中的FormData未定义
- 3
计算数据帧R中的字符串频率
- 4
如何在R中转置数据
- 5
如何使用Redux-Toolkit重置Redux Store
- 6
Excel 2016图表将增长与4个参数进行比较
- 7
在 Python 2.7 中。如何从文件中读取特定文本并分配给变量
- 8
未捕获的SyntaxError：带有Ajax帖子的意外令牌u
- 9
OpenCv：改变 putText() 的位置
- 10
ActiveModelSerializer仅显示关联的ID
- 11
算术中的c ++常量类型转换
- 12
如何开始为Ubuntu开发
- 13
将加号/减号添加到jQuery菜单
- 14
去噪自动编码器和常规自动编码器有什么区别？
- 15
获取并汇总所有关联的数据
- 16
OpenGL纹理格式的颜色错误
- 17
在 React Native Expo 中使用 react-redux 更改另一个键的值
- 18
http：// localhost：3000 /＃！/为什么我在localhost链接中得到“＃！/”。
- 19
TreeMap中的自定义排序
- 20
Redux动作正常，但减速器无效
- 21
如何对treeView的子节点进行排序
我来说两句