사용자 정의 스크롤 막대를 만드는 방법은 무엇입니까?

-1

아무도 이미지의 것과 비슷한 사용자 지정 스크롤 막대를 만들기 위해 CSS를 알 수 있습니까? 배경은 투명해야하며 지금은 녹색 배경에 배치했습니다.사용자 정의 스크롤 막대를 만드는 방법은 무엇입니까?

2012-02-15 Beginner

무엇을 시도 했습니까? CSS 전용 사용자 정의 스크롤바는 WebKit에서만 가능합니다. 또한 왜 그렇게 큰 이미지를 게시 할 필요가 있다고 느꼈습니까? –

Google을 시도해보십시오. 우리는 고용 할 코더가 아닙니다. – Iznogood

가능한 복제 http://stackoverflow.com/questions/1756281/how-to-make-a-custom-scroll-bar-with-css, http://stackoverflow.com/questions/3510741/to-change- 스크롤 바 스타일링. – Zeta

당신이 사용하는 jQuery를 플러그인 JScrollPane의 작업을 수행 할 수 있습니다 - 세트 http://jscrollpane.kelvinluck.com/

$(function() { 
    $('.scroll-pane').jScrollPane(); 
});

위의 코드를 "스크롤 창을"클래스와 사업부를 스크롤 할 수 있습니다. 당신은 표준 CSS와 함께하지만, 당신이 할 수있는 CSS3와 함께 할 수없는

pre::-webkit-scrollbar { 
    height: 1.5ex; 
    -webkit-border-radius: 1ex; 
    } 

pre::-webkit-scrollbar-thumb { 
    border-top: 1px solid #fff; 
    background: #ccc -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(240, 240, 240)), to(rgb(210, 210, 210))); 
     -webkit-border-radius: 1ex; 
     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); 
}

참고 :이 내용은 웹킷 브라우저에서 작동합니다.

출처

2012-02-15 12:59:42 SpaceBeers

사용자 정의 스크롤 막대를 만드는 방법은 무엇입니까?

답변

관련 문제