>웹 프론트엔드 >JS 튜토리얼 >jquery scrollTop 메소드는 스크롤 pixel_jquery에 따라 상단 탐색 막대를 표시하고 숨깁니다.

jquery scrollTop 메소드는 스크롤 pixel_jquery에 따라 상단 탐색 막대를 표시하고 숨깁니다.

WBOY
WBOY원래의
2016-05-16 17:33:101980검색

이 기사에서는 jquery의 scrollTop 메소드를 사용하여 페이지의 수직 스크롤 픽셀을 모니터링하고 픽셀을 기반으로 상단 탐색 막대를 숨기거나 표시합니다.
효과 미리보기 URL: http://www.keleyi.com/keleyi/phtml/scrolloversee.htm

scrollTop 소개:

구문
$(selector).scrollTop(offset)

매개변수
offset
설명
선택 사항입니다. 스크롤 막대 상단으로부터의 오프셋을 픽셀 단위로 지정합니다.

정의 및 사용법
scrollTop() 메소드는 일치하는 요소의 스크롤 막대의 수직 위치를 반환하거나 설정합니다.
스크롤 상단 오프셋은 상단을 기준으로 스크롤 막대의 오프셋을 나타냅니다.
이 메소드가 매개변수를 설정하지 않으면 스크롤 막대 상단의 오프셋을 픽셀 단위로 반환합니다.

팁 및 참고사항
참고: 이 방법은 보이는 요소와 보이지 않는 요소 모두에 적용됩니다.
참고: 값을 가져오는 데 사용되는 경우 이 메소드는 일치하는 첫 번째 요소의 스크롤 상단 오프셋만 반환합니다.
참고: 값을 설정하는 데 사용되는 경우 이 메서드는 일치하는 모든 요소의 스크롤 상단 오프셋을 설정합니다.

전체 코드를 첨부하고 html 파일로 저장한 후 열어서 효과를 경험해 보세요.

코드 복사 코드는 다음과 같습니다.



<머리>
监视滚动image素,显示或隐藏顶부导航条-柯乐义



<본문>

请滚动鼠标使页side向下

www.keleyi.com

欢迎

안녕하세요

柯乐义

keleyi.com

keleyi

keleyi.com

柯乐义

柯乐义 监视下滚image素

A

jquery


keleyi.com

完整代码





성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.