스크롤 막대는 브라우저마다 항상 같은 너비입니까?

Question

스크롤바를 보완하기 위해 CSS를 조정해야합니다. 그래서 나는 다른 브라우저와 운영체제에서 스크롤 막대가 항상 같은 너비입니까?

필자는 두 개의 테이블을 하나씩 갖고 있으며, 너비가 일치합니다 (백분율로 설정). 한 테이블에는 스크롤 막대가 필요하므로 위의 테이블에 다른 열을 추가하여이를 보완하여 열이 정렬됩니다.

Answer 1

SWEET! 다음과 같은 문제가있는 사람을위한 해결책입니다. 이것은 크로스 브라우저 호환이 가능해야합니다.

상단의 테이블에 스크롤바를 추가하고 CSS를 추가로 숨기면됩니다. 이론적으로

#topTable{ 
    overflow: scroll; 
    padding-right: 16px; 
    padding-bottom: 16px; 
    margin-right: -16px; 
    margin-bottom: -16px; 
} 

, 당신은 당신이 같은 효과를 사용하여이 작업을 수행 할 수 있도록 "16px의"경기를하게되는 일은 :

#topTable{ 
    overflow: scroll; 
    padding-right: 100px; 
    padding-bottom: 100px; 
    margin-right: -100px; 
    margin-bottom: -100px; 
} 

Answer 2

스크롤 막대는 다른 브라우저에서도 똑같은 것으로 계산되지 않으며, 일부는 프레임에 넣는 반면, 다른 스크롤 막대는 외부에 배치합니다 (따라서 정렬이 참으로 어려움).

중요하지 않은 데이터를 표시하는 방법을 생각해보십시오.

Answer 3

스크롤 막대를 보완하기 위해 CSS를 조정해야합니다. 그래서 나는 다른 브라우저와 운영체제에서 스크롤 막대가 항상 같은 너비입니까?

아니요, 일부 시스템에서는 폭을 사용자가 직접 구성 할 수 있습니다.