CSS 및 스크롤 막대는 무엇이 다릅니 까?

텍스트 콘텐츠가 포함 된 두 개의 스크롤 div가있는 HTML 페이지가있는 클라이언트가 있습니다. 그녀는 심하게 이미지 기반 디자인을 사용하기 때문에 기본 스크롤 막대가 전혀 적합하지 않습니다. 그녀는 다른 스타일을 사용하고 싶지만 내 지식은 불가능합니다.CSS 및 스크롤 막대는 무엇이 다릅니 까?

당신은 어떻게 생각하십니까?

출처

2009-02-08 bloudermilk

이에 jQuery를 대답이있다 이 CSS. 다른 브라우저는 그렇지 않습니다!

는 데모 여기를 참조하십시오 : 보기의 유용성 관점에서 http://www.iconico.com/CSSScrollbar/

출처

2009-02-08 21:59:26

jScrollPane을 사용할 때만 나쁜 점은 콘텐츠 영역 내에서 위/아래로 스크롤 할 때 화살표 키를 사용할 수 없다는 점입니다. 이는 사용성을 약간 저하시킵니다 (다른 jQuery 플러그인을 사용하여 달성 할 수도 있음). – Mun

@Mun,이 문제는 프로젝트의 버그 추적기에 버그로보고되었습니다. 이 문제는 저에게 중요하기 때문에 다음 주 정도에 버그 수정을 제출할 계획입니다. –

이것은 내가 함께 갔던 솔루션이며, 나는 그것이 보이는/기능을 좋아한다. 클라이언트는 또한 더 중요하다, 만족된다! – bloudermilk

가능한 종류.

body { 
    scrollbar-face-color: #ffffff; 
    scrollbar-highlight-color: #000000; 
    scrollbar-shadow-color: #ffffff; 
    scrollbar-3dlight-color: #ffffff; 
    scrollbar-arrow-color: #000000; 
    scrollbar-track-color: #808080; 
    scrollbar-darkshadow-color: #000000; 
}

참고 : XHTML Doctype을 지정하면 작동하지 않을 수 있습니다 !!

jScrollPane

이 효과의 일부 nice examples을있다가

이

출처

2009-02-08 21:57:58 simplyharsh

XHTML에서 잘 작동합니다. 트릭은 표준 모드 DOCTYPE (HTML 또는 XHTML을 사용하는지 여부에 관계없이)을 사용할 때 요소 IE가 뷰포트의 기본 스크롤 막대를 '본문'이 아니라 'html'로 놓는 것입니다. 그냥 'html'설정은 어쨌든 이러한 속성 상속으로 괜찮습니다. – bobince

당신은 CSS하지만 IIRC에만 IE 버전 5.5 + 지원으로 색상을 변경할 수 있습니다 달성 할 수 -

출처

2009-02-08 22:00:24

새 사파리 야간은이 기능을 지원하지만 다른 CSS 속성 인 IIRC를 지원합니다. – alex

는 스크롤 막대를 변경하는 것은 더 - 이동하지 않습니다. 사용자는 자신의 운영 체제와 그것이 제공하는 시각적 환경에 대해 잘 알고 있습니다. 이를 변경하면 특히 컴퓨터, 노인 등을 처음 사용하는 사람들 사이에 혼란이 생길 수 있습니다.

오늘날 대부분의 사용자는 기본 모양을 가진 스크롤 막대를 인식합니다. 막대 자체이지만 마우스의 스크롤 휠.

그래도 여전히 생각할 문제입니다. 잠재 고객을 고려하십시오. 그리고 사용자 지정 스크롤 막대를 사용하는 경우 모든 플랫폼/모든 브라우저에서 실제로 작동하는지 확인하십시오.

출처

2009-02-08 22:18:26

CSS 및 스크롤 막대는 무엇이 다릅니 까?

답변

관련 문제