상하로 화면 스크롤 시 jQuery로 상단 메뉴(레이어) 고정 시키기
모바일에서 화면을 위로 스크롤 할 때 상단 메뉴가 화면 위로 사라지게 된다. 이럴 때 메뉴를 화면에 고정 시켰다가 다시 아래로 스크롤하면 메뉴를 원위치 시키는 스크립트이다. //-- html 파일 -- 상단 메뉴 설명 ○ $(window).scroll(function() {}); 화면 스크롤 이벤트가 발생할 때마다 실행하는 함수 ○ $(document).scrollTop() 화면의 현재 Top 위치를 숫자로 반환한다. 예를들어 화면이 위로 100px 만큼 올라갔다면 함수는 숫자 100을 반환한다. ○ $("div#nav_box").css({"position" : "fixed", "top" : "-15px", "width" : "100%", "z-index" : 999, "border-bottom" : "..
프로그래밍/CSS & JS & Jquery
2019. 9. 6.