Постепенно увеличивайте CSS непрозрачность при прокрутке вниз с помощью Jquery

Question

Я пытаюсь затемнить свой контейнер div с помощью background-color со значениями rgba и постепенно увеличивать альфа-значение по мере того, как пользователь прокручивает страницу вниз. Таким образом, к тому времени, когда он прокручивает вниз примерно 500 пикселей, значение альфа достигает 1 = полностью темное. Как я могу добиться этого, используя jquery или javascript?

Я пробовал все, что мог, но я могу заставить его темнеть только с шагом, скажем, каждые 100 пикселей, но я хочу, чтобы он был постоянно плавным переход прозрачности с 0 на 500 пикселей прокрутите вниз.

Answer 1

Прочтите про $(document).on("scroll"); Если вы никогда не использовали events, то советую сначала прочитать про events. Думаю, сделать прокрутку более плавной будет сложнее.

Удачи :)