마우스 휠 이벤트 질문 있습니다.

2,158 조회

제이쿼리 플러그인을 사용하지 않고 원페이지 스크롤을 만드려 합니다.

만들다 보니 두가지 문제가 생겼는데.

1. animate 실행되는 동안 마우스 휠 조절 안먹히게 하기.

마우스 휠 한번 조작으로 한페이지씩 이동시키는것은 하였으나, 휠을 주루룩 내리면 한페이지 이동하는 것이 중단됩니다.

휠 이벤트가 진행중일때는 휠 조절이 불가능하게 처리가 필요해서 검색해보았는데 원하는 코드를 찾지못했습니다.

2. 마지막 페이지로 가면 footer 높이값 처리 문제

마지막 페이지(footer)에 가면 footer 높이값만큼 덜 올라가게 되는데, footer까지 갔을때 한번 위로 올리면 마지막 contents만큼만 올라가서 다시 정상적으로 올라가게 만들 방법을 모르겠습니다.

https://jsfiddle.net/jongmin/5vpby2jn/

요청 : 2016년 5월 10일 ECMA스크립트 분류 내 작성자 mshadows (240 포인트)
다시 보임 처리 시간 2016년 5월 11일 작성자 mshadows

1 개의 답변

이렇게 해보세요.

마우스휠 이벤트가 발생하면 애니메이션 동작이 계속 발생합니다.

따라서 미리 변수를 하나 준비해서 초기 값을 특정 값(false)로 설정하고 최초 휠 이벤트가 발생하면 특정 값(true)으로 바꾼 뒤 애니메이션이 끝나면 실행하는 핸들러에 그 값을 다시 특정 값(false)으로 변경하는 코드를 작성합니다.

그리고 애니메이션 동작은 특정값(false)로 되어 있는 경우에만 처리되게 합니다.

두번째 질문은 이해가 되지 않습니다. 다시 내용을 달아주세요.

<추가>

마우스휠 이벤트 자체를 제어하는 것은 아래의 코멘트를 확인하길 바랍니다. 아무래도 이 답변을 원하는 것이 맞는 것 같네요.