테스트 사이트 - 개발 중인 베타 버전입니다

휠이벤트 채택완료

그누보드초보이용자 5년 전 조회 1,434

$("#id").on('mousewheel',function(e){

var wheelDelta = e.originalEvent.wheelDelta;

if(wheelDelta > 0){

console.log("up");

$(this).scrollLeft(-wheelDelta + $(this).scrollLeft());

}else{

console.log("down");

$(this).scrollLeft(-wheelDelta + $(this).scrollLeft());

}

});


이걸로 휠을 올리거나 내리면 좌우 스크롤을 컨트롤할수잇게됫는데요..

스크롤이 0이되면 위로올라가고 맨끝에가게되면 아래로 내려갈수잇는 기능으로 바꾸고싶은데..

방법이잇을까요

 

#id를 만나면 휠이 좌우가되고  #id에 처음일때(left값이 0일때) 는 휠이벤트가 기본적인 위로

마지막(#id left값이 맨끝)일떄는 아래로 되는 일반적인 휠기능으로 바꾸고싶습니다!

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
5년 전

#id 만나는 시점과, #id 의 좌스크롤이 끝나는 시점이 애매 하지 않나요?

적당히 내려온뒤에 옆으로 가다가 어느정도 옆으로 간뒤에 다시 아래로 간다는 말인가요?

 

위의 함수의 wheelData 말고 offsetHeight, offsetLeft 를 구해서 작업을 해야 될거 같은데..

#id 내부의 offsetLeft 를 구하는게 관건이겠네요 

 

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인