Parallax

index.html

<section id="home" data-type="background" data-speed="10" class="pages">
         <article class="bg">Простая техника Parallax Scrolling</article>
</section>
<section id="about" data-type="background" data-speed="10" class="pages">
         <article class="bg">Простая техника Parallax Scrolling</article>
</section>

Parallax.js

$('.parallax').each(function () {
	var bgobj = $(this).find('.bg'); // создаем объект
	$(window).scroll(function () {

		var yPos = -($(window).scrollTop() / bgobj.data('speed')); // вычисляем коэффициент
		// Присваиваем значение background-position
		var coords = 'center ' + yPos + 'px';
		// Создаем эффект Parallax Scrolling
		bgobj.css({ backgroundPosition: coords });
	});
});