마우스위치에 따른 자동스크롤 시 여유공간 만들기

마우스위치에 따른 자동스크롤 기능을 구현하는 경우, 보통 왼쪽 끝이나 오른쪽 끝쪽에 가야 스크롤이 완료가 되는데 이는 사용자가 불편해한다. 따라서 어느정도 여유공간을 남겨야 하는데 이를 만드는 공식은

가상 컨테이너 넓이값 = 실제 컨테이너 넓이값 + (여유분width * 2)

스크롤 위치값 = 컨테이너에서의 위치값 * (가상컨테이너 넓이값 - wrapper넓이값) / wrapper넓이값 - 여유분width

이다. 실제 예는 아래와 같다.

var containerWidth = lastElem[0].offsetLeft + lastElem.outerWidth() + 2*extra;

var left = (e.pageX - $outer.offset().left) * (containerWidth-divWidth) / divWidth - extra;

$elem.scrollLeft(left);