背景画像のあるいくつかのdivで固定スクロール効果を得るために少しのコードを書いています(したがって、divはページ内で移動しますが、背景は単純な視差効果のように同時に移動します)
私はjQueryから始めましたが、タイトルで言うように、背景画像がぎくしゃくしています(つまり、スクリプトによって固定位置にリセットされる前に、背景が数ミリ秒の間正常にスクロールされると仮定します)。だから私もjQueryなしでテストしようとしますが、それは問題ではありません。クロムでこの問題が発生したのは初めてではありません... -webkit-transform: translateZ(0); を設定しようとしました。私のエルでは、念のためですが、効果はありません。
これが私の(小さな)コードです:
$(document).scroll(function() {
var el = document.getElementById('parentEl'), el2 = el.firstChild, top = 0;
el2.style.top = (window.pageYOffset-el.offsetTop)+'px';
})
ここで、親は相対であり、有名な div 絶対ですが、相対 div と backgroundPositionY でも試してみましたが、同じ結果です。
ありがとう !