[JS] Scroll

<nav class="navbar navbar-expand-lg bg-light">
        <div class="container-fluid">
          <a class="navbar-brand" href="#">Navbar</a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
      </nav>

      <script>
          window.addEventListener('scroll', function() {
              console.log(window.scrollY);
          })
      </script>

• 위에서부터 px 단위로 얼마나 스크롤바를 내리고 올렸는지 측정이 가능하다.
• window.scrollTo(x,y) : 스크롤 위치를 픽스할 수 있다.
• window.scrollby(0, 100); 현재 위치에서 강제로 스크롤 할 수 있따.
• document.querySelector('....').scrollTop : 전체 윈도우 상단에서 스크롤 높이
• ...scrollHeight : 해당 컴포넌트에서 스크롤 높이 (상대 높이)