изменять стили элементов при прокрутке

Question

У меня есть веб-страница с тремя элементами разделов и панелью навигации, я хочу применить стиль к прокручиваемому в данный момент разделу (изменить цвет фона этого раздела на черный), как я могу этого добиться? *

 <section id="section1" data-nav="Section 1" class="your-active-class">
        <div class="landing__container">
          <h2>Section 1</h2>
          <p>
            Lorem ipsum dolor sit amet
          </p>
        </div>
      </section>
      <section id="section2" data-nav="Section 2">
        <div class="landing__container">
          <h2>Section 2</h2>
          <p>
         Lorem ipsum dolor sit amet
          </p>
        </div>
      </section>
      <section id="section3" data-nav="Section 3">
        <div class="landing__container">
          <h2>Section 3</h2>
          <p>
            Lorem ipsum dolor sit amet
          </p>
        </div>
      </section>