1
変換なしで背景が期待通りに動作します:スケール添付ファイル付きの背景イメージ:固定と変換:スクロールでスケールが移動するのはなぜですか?
変換後:スケール値不要な視差効果が表示されます。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);
}