휠이벤트
본문
$("#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
#id 만나는 시점과, #id 의 좌스크롤이 끝나는 시점이 애매 하지 않나요?
적당히 내려온뒤에 옆으로 가다가 어느정도 옆으로 간뒤에 다시 아래로 간다는 말인가요?
위의 함수의 wheelData 말고 offsetHeight, offsetLeft 를 구해서 작업을 해야 될거 같은데..
#id 내부의 offsetLeft 를 구하는게 관건이겠네요
답변을 작성하시기 전에 로그인 해주세요.