在前端页面中,盒子用了固定定位,但是有时候会失效,该盒子没有脱离文档流,还是会随着页面滚动而滚动。最后折腾了好一会才发现原因。
原因是CSS样式中 用position:fixed时候,如果有transform样式,那么position:fixed则会失效,所以要么把transform去掉,要么加上transform:translateZ(0)即可。
position: fixed;
transform: translateZ(0);
position: fixed;
transform: translateZ(0);