# mousewheel

nuyhes

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

inusneo

210915 어제에 이어서 순수 제이쿼리로 원페이지 스크롤 구현을 완성해보고, 미리 디자인 작업을 해 놓았던 App랜딩페이지를 템플릿에 입히는 작업을 했다. Must Remember 마우스 휠을 한 번 굴릴때 효과를 넣기 위해서 제이쿼리 mousewheel script를 삽입해 준다. mousewheel은 delta값을 기준으로 효과를 준다. 스크롤을 할 때 떨리는 현상을 볼 수 있는데, 이는 preventDefault()로 잡을 수 있다. offset().top값을 이용하는 방법도 있는데, 처음과 끝 페이지에서 top값으로 인한 오류가 생긴다.