이 기사에서는 jquery의 scrollTop 메소드를 사용하여 페이지의 수직 스크롤 픽셀을 모니터링하고 픽셀을 기반으로 상단 탐색 막대를 숨기거나 표시합니다.
효과 미리보기 URL: http://www.keleyi.com/keleyi/phtml/scrolloversee.htm
scrollTop 소개:
구문
$(selector).scrollTop(offset)
매개변수
offset
설명
선택 사항입니다. 스크롤 막대 상단으로부터의 오프셋을 픽셀 단위로 지정합니다.
정의 및 사용법
scrollTop() 메소드는 일치하는 요소의 스크롤 막대의 수직 위치를 반환하거나 설정합니다.
스크롤 상단 오프셋은 상단을 기준으로 스크롤 막대의 오프셋을 나타냅니다.
이 메소드가 매개변수를 설정하지 않으면 스크롤 막대 상단의 오프셋을 픽셀 단위로 반환합니다.
팁 및 참고사항
참고: 이 방법은 보이는 요소와 보이지 않는 요소 모두에 적용됩니다.
참고: 값을 가져오는 데 사용되는 경우 이 메소드는 일치하는 첫 번째 요소의 스크롤 상단 오프셋만 반환합니다.
참고: 값을 설정하는 데 사용되는 경우 이 메서드는 일치하는 모든 요소의 스크롤 상단 오프셋을 설정합니다.
전체 코드를 첨부하고 html 파일로 저장한 후 열어서 효과를 경험해 보세요.