자바스크립트 (제이쿼리) 마우스 휠 질문 채택완료
제가 마우스 휠 할때마다 한 섹션씩 넘어가는 코드를 구글링해서 찾았습니다
근데 이게 작동하는 방식이나 원리를 모르겠어서 혹시 해석? 풀이? 설명 해주실 수 있는 분 계실까요?
$(document).ready(function () {
$('section').on('mousewheel', function (event, delte) {
if (delte > 0) { var prev = $(this).prev().offset().top; $('html,body').stop().animate({ scrollTop: prev }, 1000, 'swing'); } else if (delte < 0) { var next = $(this).next().offset().top; $('html,body').stop().animate({ scrollTop: next }, 1000, 'swing'); }
}); }); //end
답변 3개
delte 가 아마 delta 그러니까 마우스 휠이 스크롤된 양일겁니다.
0 과 비교하는건 위로 굴렸냐, 아래로 굴렸냐를 판단해서
1초 후에 위로또는 아래로 가는 animate 효과를 주는거죠
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인