사용자가 웹 페이지를 방문할 때(페이지에 스크롤바 활성화를 트리거할 콘텐츠가 충분하지 않은 경우) 브라우저의 세로 스크롤바가 계속 표시되도록 하려면 어떤 CSS가 필요합니까?
html {
overflow-y: scroll;
}
이걸 원하시나요?
안타깝게도 Opera 9.64는 DIV
와 같은 다른 블록 수준 요소에서는 작동하지만 HTML
또는 BODY
에 적용될 때 해당 CSS 선언을 무시하는 것 같습니다.
Smartupdate 오버플로입니다 로 설정되었습니다 " scroll"; auto." " 없습니다;; , , OS X 의 사자가 오버플로입니다 설정되었습니다 scroll" " 있는 것 "이라고 말했다. 그 때 자동 비슷하게 동작하는 보이기 스크롤바 계속 사용되고 있다. 그래서 있는 경우, t # 39 위에 표시할 수 있는 솔루션을 don& apc® 왜.
이게 you& # 39, ll 고칠 필요가 있다.
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
이에 따라 don& 경우 마음에 기본값입니다. # 39 스타일입니까 수 있습니다.
html {height: 101%;}
저는 이 크로스 브라우저 솔루션을 사용합니다 (참고: 저는 항상 첫 번째 줄에 DOCTYPE 선언을 사용합니다. 쿼크 모드에서 작동하는지 모르겠고 테스트해 본 적이 없습니다).
이렇게하면 모든 페이지에 ** 항상 활성 세로 스크롤 막대가 표시되며 세로 스크롤 막대는 몇 픽셀 만 스크롤 할 수 있습니다.
페이지 내용이 브라우저의 표시 영역(뷰포트)보다 짧은 경우에도 세로 스크롤바가 활성 상태로 표시되며, 몇 픽셀만 스크롤할 수 있습니다.
이 솔루션을 사용하여 CSS 유효성 검사에 집착하는 경우 (저는 HTML 유효성 검사에만 집착합니다) -moz-scrollbars-vertical
과 같은 비표준 CSS 속성을 사용하지 않기 때문에 CSS 코드도 W3C에 대해 유효성을 검사합니다.
높이 101% 로 설정하는 것이 나의 해결책을.