[mCustomScrollbar] 모바일 문제 스크롤 문제

문제점

mCustomScrollbar는 스크롤 디자인이 예뻐서 많이들 사용한다.

그러나 모바일에서 터치를 이용하여 스크롤 시, 스크롤이 잘 먹지 않는 현상이 발생한다.

터치로 스크롤해도 스크롤이 전혀 안되는것은 아니지만 뭔가 이벤트가 먹는 느낌이 든다.

 

 

해결

모바일에서는 일반 스크롤을 이용할 수 있도록 처리를 할 필요가 있다.

​

일반 PC에서는 다음과 같이 처리

 

$(selector).mCustomScrollbar();

모바일에서는 다음과 같이 처리

$(selector).removeClass("mCustomScrollbar");
$(selector).css("-webkit-overflow-scrolling", "touch");