초보개발자 입니다 도움이 필요합니다..

Question

var scroll // 스크롤 버튼 $('.scroll-wrapper').scroll(function (e) { var scrollbg &#61; ($('.scroll-wrapper').scrollTop()*100)/327; //임시 $('.scroll').css({&#34;height&#34;:scrollbg}); }); $('.scroll > span').on(&#34;mousedown&#34;,function(e){ console.log(&#34;down&#34;); $('body').mousemove(function(e){ var top &#61; e.clientY-50; if(top < 520){ console.log(top); $('.scroll').css({&#34;height&#34;:top}); $('.scroll-wrapper').scrollTop(top*3.2);//임시 } else{ console.log(top); top &#61; 520; $('.scroll').css({&#34;height&#34;:top}); $('.scroll-wrapper').scrollTop(top*3.2); } }) }); $('.scroll > span').on(&#34;mouseup&#34;,function(e){ var scrollbg &#61; ($('.scroll-wrapper').scrollTop()*100)/327; //임시 $('.scroll').css({&#34;height&#34;:scrollbg}); }); 스크롤바를 이쁘게 꾸미고 있는데요 휠 돌려서 스크롤 하면 이쁘게 잘 돌아갑니다. 문제는 스크롤 클릭해서 이동하는 이벤트인데요마우스 다운을 해서 마우스무브를 진행하고 원하는 위치까지 이동한 다음 마우스 업으로 좌표를 찍고 끝내고 싶습니다. 헌데.. 마우스 down을하고 바로 up을하면 업 이벤트가 작동을 하는데 다운상태로 이동하고 업을 하면작동이 안됩니다.. 그리고 무엇보다 mousemove 이벤트가 종료가 안됩니다..염치없지만 도움을 부탁드립니다. 아.. 지금 보니 업은 찍히는데.. 마우스 무브가 살아있어서 그런지..찍고 다시 움직이고 있습니다..

ondaa · Answer

on 을 했으면 off 도 하셔야 이벤트가 꺼집니다. https://api.jquery.com/off/그리고 방금 말씀하신 기능같은경우는 drag 이벤트가 더 어울리지 않을까 싶습니다.

만원을찾아서 · Answer

답변 감사합니다 !!drag 이벤트는 처음 봐서 찾아보겠습니다 그리고 off라는 말씀은 mousedown을 mouseup 안에서off 시키면 될까요?

만원을찾아서 · Answer

아!! 감사합니다 해결했습니다 정말 감사합니다 이 간단한걸 못 찾아서 3시간을 ㅠㅠ 정말 감사합니다

초보개발자 입니다 도움이 필요합니다..

3개의 답변

#mousemove 목록