Обратный эффект прокрутки

Question

Я хотел бы иметь функцию, которая изменяет непрозрачность div при прокрутке вниз. Например, чем больше я прокручиваю вниз, тем больше мои дивы выглядят более четко, и когда я прокручиваю назад вверх, они делают наоборот.

Я нашел код, который работает хорошо, но я хочу обратного. Этакий "scrollBottom". Вот код, о котором я говорю:

$(document).ready(function() {
  $(window).scroll(function() {
    $(".four").css({
      "opacity" : 1 - $(window).scrollTop()/1000})
    })
  })

У меня нет опыта в Javascript, поэтому я и спрашиваю вас, ребята! Спасибо!

Answer 1

Лог c является математическим обратным: 0 + $(window).scrollTop() / 1000

$(window).scroll(function() {
  $(".four").css({
    opacity: 0 + $(window).scrollTop() / 1000
  });
});

html, body {
  height: 2000px;
}

.four {
  opacity: 0;
  position: fixed;
  top: 25;
  left: 25;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="four">Lorem ipsum dolor sit</div>