Есть небольшая функция, но она работает не совсем корректно.
$('[data-speed]').each(function () {
var $bgobj = $(this);
$(window).scroll(function () {
var yPos = -($(window).scrollTop() / $bgobj.data('speed'));
var coords = 'center ' + yPos + 'px';
$bgobj.css({backgroundPosition: coords});
});
});
Она ставит одни и те же значения для всех элементов и получается, что паралакс неправильно работает.
Подскажите, как сделать, что бы для каждого блока подставлялись свой backgroundPosition
, то есть отсчет начинался с нуля при попадании например третьего блока на экран.
Попробуйте один раз повесить обработчик события scroll на window, а в обработчике находить все элементы с атрибутом data-speed и в цикле каждому задать background-position со сдвигом на нужный data-speed.
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Здравствуйте, На странице есть ссылки вида:
Подскажите пожалуйста как можно в<base href="http://javascriptru/forum/"/> подставить свою ссылку?
Здравствуйте, пытаюсь адаптировать сайт под IEСперва он отображался как мобильная версия