javascript 공부: 헤더 고정시키기

스크롤 내리면 헤더 고정시키기

<header>
  header__bar
</header>
<div class="main">
  <div id="service__01" class="목록">
    <h2>쇼핑몰</h2>
    <ul>
      <li><a href="http://naver.com">상의</a></li>
      <li>하의</li>
      <li>신발</li>
      <li>가방</li>
      <li>팔찌</li>
      <li>안경</li>
    </ul>
  </div>
</div>

let headElem = document.querySelector('header');
  window.addEventListener('scroll', function () {
    console.log('a');
    headElem.style.position = 'fixed';
  });