# wheelDelta

3개의 포스트
post-thumbnail

Front-end 국비지원 #054일

JQuery 01. Mouse Wheel Scroll Event >결과 >휠을 내리게 되면 다음 Section# 상단을 top:0 left:0에 맞춰 내려간다. >HTML >CSS >script >script에 설명된 주석을 참고 만약 가로로 스크롤을 만들고 싶다면?? >결과 >HTML >CSS >script >scrollLeft 값만 바꿔주면 동작이 된다. 02. Typing Effect >결과 ![](https://ve

2023년 1월 1일
·
0개의 댓글
·
post-thumbnail

on&event&detail&wheelDelta&원시타입과참조타입&3항연산자&switch

on을 사용하여 이벤트를 동시에 걸어주기 이벤트 2개 이상 사용할 수 있는 on메서드. 휠에 대한 정도를 얻는 속성 파이어폭스 : DOMMouseScroll 크롬 : mousewheel 호환을 위해 두 이벤트를 사용. --> on사용 event.originalEvent.detail(wheelDelta) event.originalEvent : 기존의 이벤트 오브젝트에 접근하기 위함. browser가 직접 생성한 event 객체는 jQuery가 자동으로 method, properties로 감쌈. 하지만, jQuery가 감싸지 않은 기존 이벤트에 접근할때에는 event.originalEvent 사용 출처 :

2022년 12월 6일
·
0개의 댓글
·
post-thumbnail

220823 JavaScript

on을 사용하여 이벤트를 동시에 걸어주기 이벤트 2개 이상 사용할 수 있는 on메서드. 휠에 대한 정도를 얻는 속성 파이어폭스 : DOMMouseScroll 크롬 : mousewheel 호환을 위해 두 이벤트를 사용. --> on사용 event.originalEvent.detail(wheelDelta) event.originalEvent : 기존의 이벤트 오브젝트에 접근하기 위함. browser가 직접 생성한 event 객체는 jQuery가 자동으로 method, properties로 감쌈. 하지만, jQuery가 감싸지 않은 기존 이벤트에 접근할때에는 event.originalEvent 사용 출처 : https://m.blog.naver.com/naan_ace/220847459928 detail 이벤트를 초기화할 때 제공한 데이터를 반환 ![](https:

2022년 8월 24일
·
0개의 댓글
·