Как менять прозрачность тени в зависимости от скрола страницы?

Question

[Руслан Галиев]

На сайте есть изображение в бекграунде.

Его CSS:

.index-photo {
    height: 100vh;
    background: url(/images/index-photo.jpg) center 0px fixed no-repeat;
    box-shadow: inset 0px 0 0 1000px rgba(31, 31, 31, 0.01);
}

Есть такой JS (в коде страницы его нет)

<script>
$(window).scroll(function(e){
parallax();
});
function parallax(){
var scrolled = $(window).scrollTop();
$('.bg').css('top',-(scrolled*0.1)+'px');
}
</script>

Подскажите, пожалуйста, что поменять тут - $('.bg').css('top',-(scrolled*0.1)+'px');, чтобы при скроле прозрачность тени у .index-photo уменьшалась, то есть стремилась от 0,01 к 0,99?

Answer 1

[Максим Тимофеев]

https://jsfiddle.net/4bta4um3/

Comments

[Руслан Галиев]

Спасибо!