스크롤시 상단메뉴 이동 채택완료

반응형이고 1024px부터 상단메뉴가 스크롤시 움직이길 원합니다...

https://sir.kr/data/editor/2012/1794421415_1608601755.125.png" />

이 두개를 조합하면 될 것 같은데 js를 어떻게 써야할지 모르겠어서요.. 

http://pager.kr/x/index.php?mid=board_XLuz31&document_srl=2263">http://pager.kr/x/index.php?mid=board_XLuz31&document_srl=2263 (참조사이트 1)

<script>

// When the user scrolls down 80px from the top of the document, resize the navbar's padding and the logo's font size

window.onscroll = function() {scrollFunction()};

function scrollFunction() {

  if (document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {

    document.getElementById("navbar").style.padding = "30px 10px";

    document.getElementById("logo").style.fontSize = "25px";

  } else {

    document.getElementById("navbar").style.padding = "80px 10px";

    document.getElementById("logo").style.fontSize = "35px";

  }

}

script>