jScrollPane - 스크롤 바를위한 별도의 화살표를 얻는 방법

Question

jQuery에 jScrollPane을 사용하여 스크롤바를 Windows 8 스크롤 막대처럼 보이게합니다. (필자는 재미있는 메트로/모던 UI 모형을 만들고 있습니다). 스크롤 바의 모양이 꽤 내려 갔지만 문제가 있습니다. 왼쪽 화살표 이미지와 오른쪽 화살표 이미지를 얻는 방법은 (현재 버전에서는) (Metro UI에서와 같이 가로 스크롤을 사용하고 있습니다.) 나는 여기 주위에 질문을 보았고 당신에게 별개의 화살표 (Lozenge 테마)를주는 jQuery 라이트 테마를 보여 주지만, 엉덩이에 통증이 있고 내가 원하는 바가 전혀 없다. 어떤 아이디어?

Answer 1

화살표 이미지를 배경 이미지로 표시하기 위해 .jspArrow 클래스의 CSS를 수정할 수없는 이유는 무엇입니까? 같은 뭔가

.jspArrow 
{ 
    background: #50506d; 
    text-indent: -20000px; 
    display: block; 
    cursor: pointer; 
} 

변경을 : 데모 here 중 하나를 보면

는

,이 CSS를 참조

.jspArrow 
{ 
    background: url('your_arrow_img') 
    text-indent: -20000px; 
    display: block; 
    cursor: pointer; 
} 

추가로 도움이 jspArrowRight 및 jspArrowLeft에 대해 별도의 클래스가 있습니다 .

그래도 작동하지 않는다면 스크롤 막대에 "패딩"을 만들 수 있음을 알고 있습니다. 난 거터를 만들고 화살표를 렌더링하는 스크롤 막대 트랙의 요소 앞뒤에 CSS 의사를 사용합니다.