Почему при скролле в хроме картинка дергается, в фаерфоксе все ок.
Код:
var parallax = (function () {
var bg = document.querySelector('.block-bg');
return {
move: function (block, windowScroll, strafeAmount) {
var strafe = windowScroll / strafeAmount + '%';
var transformString = 'translate3d(0,' + strafe + ',0)';
var style = block.style;
style.transform = transformString;
style.webkitTransform = transformString;
},
init: function (wScroll) {
this.move(bg, wScroll, 60);
}
}
}());
window.onscroll = function () {
var wScroll = window.pageYOffset;
parallax.init(wScroll);
};
Посмотреть можно тут:
https://karmoff.github.io/example.github.io/