css - 为什么背景图片带有附件 :fixed and transform:scale moves on scroll?

Question

背景在没有 transform:scale 的情况下按预期运行

添加 transform:scale 值后出现不需要的视差效果:http://codepen.io/fekla/pen/VmqPZa (向下滚动)。

  <div class="holder">
    <div class="image"></div>
  </div>


html,body {
  margin:0px;
  padding:0px;
  height:100%;
  width:100%;
} 
.holder {
  width:100%;
  height:100%; 
  background-color:black;
  overflow: hidden;
}
.image {
  width:100%;
  height:100vh;   
  background-image: url(http://lorempixel.com/output/nature-q-c-884-338-5.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center; 
  transform: scale(1.25);    
}

Answer 1

似乎是一个已知的 Webkit 错误: https://bugs.chromium.org/p/chromium/issues/detail?id=20574附言似乎也没有兴趣实际修复它