Background Parallax HTML/CSS/JS

Zdravim ludia uz si neviem dat rady s parallaxom, nechce mi fungovat a chybu nevidim. Parallax by mal fungovat na zaklade zmeny pozicie background obrazku. Tu su kody:
CSS
.about {
background-image: url('imgs/about.jpg');
background-repeat: no-repeat;
background-position: center -500px;
background-size: cover;
width: 100%;
height: 600px;
}
JS
$(document).ready(function(){

$(document).scroll(function(){

var scrollTop = $(this).scrollTop();
var pixels = scrollTop;

$(".about").css({
"background-position": "center -" + pixels * 10 + "px"
});


});

});

Vdaka za pomoc

listenery na scroll si vypisuj v konzole hodnoty offsetTop, pixels a css style elementu, ktory upravujes.

uvidis potom kde sa tvoje operacie seknu

cize console.log(offsetTop, pixels, $(.about))

btw, myslim,ze ti staci jedna premenna a to pixels = $(this). scrollTop();
btw2, skus namiesto jquery funkcie pouzit offsetTop property.

hej viem ze ta premenna zbytocnost, skusim sa s tym pohrat

skus skor $(window).scrolll(...) miesto $(document).scroll

mam to uz mi to funguje len potrebujem vopret zadefinovat poziciu pozadia aby sa mi to odvyjalo od tej pozicie co dam vopred, viete mi poradit? Za rady vopred dakujem

// Spojený príspevok Sob 03.09.16 17:48

Mam to, a dakujem za pomoc !
$(document).ready(function(){

$(".about").css({
"background-position": "center -500px"
});

$(window).scroll(function(){

var scroll = $(this).scrollTop();
var defP = -500;
var pixels = defP + scroll / 2

$(".about").css({
"background-position": "center " + pixels + "px"
});


});

});