Неправильно работает параллакс, в чем проблема?
Использовал популярный плагин jquery.parallax.js. Качал и с оф. сайта, и с работающего примера
Если скроллить мышкой к блоку, в котором используюется параллакс то ещё куда не шло, более-менее работает, и то не очень .. а если обновить браузер на уже видимом блоке, то беда такое впечатление, что ездит только по оси X.
Вот верстка
posibnyk.esy.es/mazda
Ссылка на скрипт
parallax
Код вызова на самой странице:
$(document).ready(function () {
$('.layer').parallax(
{mouseport: $(".section-7")},
{xparallax: '30px', yparallax: '40px'}, // Layer 0
{xparallax: '30px', yparallax: '20px'}, // Layer 1
{xparallax: '30px', yparallax: '40px'}, // Layer 2
{xparallax: '30px', yparallax: '40px'}, // Layer 3
{xparallax: '50px', yparallax: '80px'}, // Layer 4
{xparallax: '30px', yparallax: '40px'}, // Layer 5
{xparallax: '30px', yparallax: '40px'}, // layer 6
{xparallax: '30px', yparallax: '40px'}, // layer 7
{xparallax: '25px', yparallax: '20px'}, // layer 8
{xparallax: '30px', yparallax: '40px'}, // layer 9
{xparallax: '30px', yparallax: '40px'}, // layer 10
{xparallax: '30px', yparallax: '40px'}, // layer 11
{xparallax: '30px', yparallax: '40px'}, // layer 12
{xparallax: '30px', yparallax: '40px'}, // layer 13
{xparallax: '15px', yparallax: '20px'}, // layer 14
{xparallax: '30px', yparallax: '40px'}, // layer 15
{xparallax: '30px', yparallax: '40px'}, // layer 16
{xparallax: '30px', yparallax: '40px'} // layer 17
);
});
Простой
