목록메뉴 고정 (1)

이야기앱 세상

jQuery - 스크롤시 메뉴는 고정되고 내용은 스크롤되도록 처리하기

jQuery - 스크롤시 메뉴는 고정되고 내용은 스크롤되도록 처리하기 스크롤시 로고 영역은 스크롤되지만 메뉴는 상단에 고정한 후 내용은 계속 스크롤 처리하게 할 수 있다. 메뉴의 수직 위치를 측정해서 스크롤바의 위치가 메뉴의 수직 위치보다 크면(스크롤바의 위치가 아래일 경우) 메뉴 영역이 고정되게 처리한다. jQuery의 .offset() 메서드를 이용해서 선택한 태그의 위치를 알아낸다. [스타일을 표시 부분] [스크립트 표시 부분] [HTML 태그 표시 부분] 회사소개 상품정보 오시는 길 [스크롤하기 전] [스크롤한 후]
IT/jQuery 2018. 12. 24. 22:12
Prev 1 Next