Выведение фонового изображения на параллаксе с помощью свитка

Question

Я использую этот параллакс плагин, чтобы добавить некоторые параллакс прокрутки фоновых изображений на мой сайт:

http://pixelcog.github.io/parallax.js/

Теперь я хотел бы изображение, чтобы исчезнуть на пользователь свитка, похож на этот сайт:

http://fearthegrizzly.com/

Я попытался, используя следующий код, но я думаю, что из-за того, как плагин работает это не гаснуть:

$(window).scroll(function() { 
    $(".parallax-holder").css({ 
    'opacity' : 1-(($(this).scrollTop())/250) 
    }); 
}); 

Я создал перо здесь, который где я попал:

http://codepen.io/mikehdesign/pen/KVKNyr

Как я могу получить изображение, чтобы исчезнуть на пользователя свитка - мне нужно изменить, где JQuery нацеливается? У меня есть несколько изображений параллакса на странице, поэтому вам нужно будет настроить таргетинг на них. Я счастлив переключить плагин, если это проблема.

Спасибо!

Answer 1

Попробуйте вместо друга:

$(window).scroll(function() { 
    $(".parallax-mirror img").css({ 
    'opacity': 1 - (($(this).scrollTop())/250) 
    }); 
}); 

Answer 2

На самом деле вам нужно изменить имя класса, используемого в функции прокрутки ...

$(window).scroll(function() { 
    $(".parallax-holder").css({ 
    'opacity' : 1-(($(this).scrollTop())/250) 
    }); 
});