在一次vue项目开发中发现按钮设置成固定定位后,依旧随屏幕滚动,变成了相对定位的效果。
查阅资料后发现:
父级元素设置有效的transform属性会导致子元素固定变成绝对元素, 此时会导致子元素和父级元素相同大小。
此时查看子元素的offsetTop和offsetLeft都是0,需要引起注意。
解决方法:
1.去除父级元素的transform属性。
2.将需要固定定位的元素移动到和含有transform属性的父级元素平级。
时间:2024-04-11 09:55:09
在一次vue项目开发中发现按钮设置成固定定位后,依旧随屏幕滚动,变成了相对定位的效果。
查阅资料后发现:
父级元素设置有效的transform属性会导致子元素固定变成绝对元素, 此时会导致子元素和父级元素相同大小。
此时查看子元素的offsetTop和offsetLeft都是0,需要引起注意。
解决方法:
1.去除父级元素的transform属性。
2.将需要固定定位的元素移动到和含有transform属性的父级元素平级。
定位:relative相对定位 absolute绝对定位 fixed固定定位
2020-10-09
相对定位(relative) 绝对定位(absolute) 固定定位(fixed)
2019-03-29
相对定位relative 绝对定位absolute 固定定位fixed
2021-07-12