Не ругайте за кривизну (догадываюсь, что все криво), я, позор мне, почти не знаю синтаксиса JS и jQuery.
Для мелких нужд я не подключаю параллакс-библиотеки, а использую код типа такого:
$(window).scroll(function() {
// --- Параллакс-скролинг для фона шапки Главной ---
var howMuchScrolled = $(window).scrollTop();
var verticalScrollSpeed = howMuchScrolled / 4; // скорость вертикального скроллинга фона
var horizontalScrollSpeed = howMuchScrolled / 40; // скорость горизонтального скроллинга фона
// скорость скроллинга медленнее, чем больше делитель
var scrollDown = 0 + verticalScrollSpeed;
var scrollRight = 50 + horizontalScrollSpeed;
// 0 и 50 - изначальное положение фона
$('#main-header-wrap').css('background-position', ((scrollRight)) + '%' + ((scrollDown)) + 'px');
});
Но изображение в фоне, к которому применяется эффект, дергается при скролле. Как реализовать плавный параллакс-скроллинг? Хочется попробовать сделать самому.
