얼마 전, 프론트 엔드를 작성할 때 브라우저의 스크롤 이벤트를 들어야합니다.
온라인에서 확인하고 스크롤 이벤트를 모니터링하는 두 가지 방법을 찾았습니다.
1. 원주민 j는 창을 통해 듣습니다
//window.onscroll = function () {// 호환성을 보장하려면 여기에서 두 가지 값을 가져 가십시오. 하나는 var scrolltop = document.documentElement.scrolltop || document.body.scrolltop; // 스크롤 탑은 스크롤 이벤트가 트리거 될 때 스크롤 휠의 높이입니다}2. jQuery는 $ (창) .scroll ()를 통해 듣습니다.
$ (Window) .scroll (function () {// 호환성을 보장하려면 여기에서 두 가지 값을 여기에서 가져옵니다. 여기에서 하나는 var var scrolltop = document.documentElement.scrolltop || document.body.scrolltop; // 스크롤 휠의 높이입니다.롤러 이벤트를 모니터링 할 때 롤러 높이를 실시간으로 얻을 수 있습니다. 롤러 높이를 판단하는 것과 같은 일부 프로세스 컨트롤을 통해 롤러를 기반으로 한 일부 특수 효과는 다음과 같이 실현 될 수 있습니다. 롤러가 끝에 도달 할 때 비동기로로드, 롤러 높이가 0 일 때, 헤드가 고정되고 헤드가 특정 높이에 고정 될 때.
JS 모니터 스크롤 휠 이벤트를 구현하는 위의 두 가지 방법은 내가 공유하는 모든 컨텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.