Вот именно сделана на и js, сами и ответили на свой вопрос document.getElementById (прошлый век), изучайте, растите, что тут сказать. И вопрос был с value, а не id кстати)
inside выводит положение стандартных картинок li внутри элемента, блока, outside - снаружи. При inside блок li не сдивгается относительно родителя, либо контента.
if (scrollY && !scroll) root = $window.scrollTop();
if (scrollX && !scroll) root = $window.scrollLeft();
}).on('resize', function() {
if (scrollY && !scroll) view = $window.height();
if (scrollX && !scroll) view = $window.width();
});
};
jQuery.easing.default = function (x,t,b,c,d) {
return -c * ((t=t/d-1)*t*t*t - 1) + b;
};
})(jQuery);
Вызываем плавную прокрутку с регулировкой скорости (только на ней виден паралакс):
$(function() {
jQuery.scrollSpeed(100, 800);
});
И сейчас любой background превращаем в паралакс, просто добавив
background-attachment: fixed; //либо так
background: url(../img/foto.jpg)fixed; //либо так
background: url(../img/foto.jpg) 50% 50% fixed; //50% 50% центрирование изображения
К блоку с фоном ставим стиль
background-attachment: fixed; //либо так
background: url(../img/foto.jpg)fixed; //либо так
Тянем за скролл браузера, именно за него а не колесиком, если фон поехал то все ок, и нужно будет только добавить скрипт у меня он есть.
Пример работы sipuchka.ru
Написано
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.