스크롤시 상단메뉴 이동
본문
반응형이고 1024px부터 상단메뉴가 스크롤시 움직이길 원합니다...
이 두개를 조합하면 될 것 같은데 js를 어떻게 써야할지 모르겠어서요..
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>
https://blog.outsider.ne.kr/1153 (참조사이트 2) - 자바스크립트에 미디어쿼리 사용
이외에 다른 더 좋은방법이 있으시다면 알려주시면 감사하겠습니다.ㅜㅜ
