이 기사에서는 JS의 스크롤 바 이벤트를 사용하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
나는 스크롤 바 이벤트를 모니터링하는 방법을 전에 궁금해했지만 오늘은 마침내 조금 이해합니다.
다음 코드는 이동하는 한 스크롤 막대를 듣는 것입니다. 아래 DIV 아래는 상단으로 돌아와 코드를 표시하고 숨 깁니다.
window.onscroll = function () {var t = document.documentElement.scrolltop || document.body.scrolltop; if (t> 0) {$ ( ". cbbfixed"). css ( "하단", "10px"); } else {$ ( ". cbbfixed"). css ( "하단", "-85px"); }}메모:
T : 스크롤 막대에서 상단까지의 거리
t> 0, 즉 스크롤 막대가 스크롤되면 if () 문이 즉시 실행됩니다. else ()의 코드는 스크롤 막대가 상단에 도달하면 상단의 div가 숨겨져 있다는 것입니다.
상단 버튼의 클릭 작업으로 돌아갑니다.
$ ( "#cgotop"). 클릭 (function () {$ ( 'body, html'). 애니메이션 ({scrolltop : 0}, 100); return false;});다시 채우다:
1. 특정 요소의 스크롤 바 이벤트 듣기
$ (selector) .scroll (function () {......});2. 스크롤 거리를 얻으십시오
$ (selector) .scrolltop (); $ (선택기) .scrolllefft ();
PS : JS의 일반적으로 사용되는 이벤트 유형과 기능 기능을 요약하는 JS 이벤트에 대한 온라인 쿼리 도구를 권장합니다.
JavaScript 이벤트 및 기능의 전체 목록 :
http://tools.vevb.com/table/javaScript_event
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.