vue移动端中position:fixed失效,会跟着页面滚动

第一次遇到position:fixed失效的原因是父元素设置了transfrom属性,导致该元素下的子元素position:fiexed失效,解决办法是父元素去掉transfrom属性

今天再一次遇到position:fixed失效,原因却不是transfrom,找了好久才早到,失效代码是width:100%,padding: 0 30px  100px;至于是什么机制引起的失效我也不知道),下面是失效代码:


最奇怪的是,我去掉padding,把width改成120%,position:fixed竟然不失效,是好的,这就奇葩了,

原因机制暂时不知道是啥,不过解决办法就是加上:box-sizing: border-box;


落魄前端-小陈
0
0
0
评论
浏览
收藏