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

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

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

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

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

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

相关文章:

  • 2022-12-23
  • 2022-01-26
  • 2022-12-23
  • 2022-12-23
  • 2021-10-01
  • 2021-11-17
  • 2022-02-12
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-07-15
  • 2022-12-23
  • 2021-12-27
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案