CSS에서 항상 세로 스크롤 막대를 표시하는 방법은 무엇입니까?

모든 페이지에서 스크롤바 표시를 보장하는 방법

웹 디자인에서는 페이지의 콘텐츠 길이에 관계없이 항상 세로 스크롤바를 표시하는 것이 바람직합니다. CSS를 사용하여 이를 달성하는 방법은 다음과 같습니다.

html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

이 코드는 브라우저에 다음을 지시합니다.

• overflow: -moz-scrollbars-vertical;: 세로 스크롤 막대를 강제로 표시합니다( Mozilla 기반 브라우저의 경우).
• overflow-y: 스크롤;: 스크롤 막대를 활성화합니다. 스크롤할 콘텐츠가 부족한 경우.

결과적으로 스크롤바는 항상 표시되며 페이지에 콘텐츠가 충분할 때 활성화됩니다.

업데이트 : 위 해결 방법이 효과가 없으면 다음 단순화된 버전을 사용해 보세요.

html {
    overflow-y:scroll;
}

위 내용은 CSS에서 항상 세로 스크롤 막대를 표시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!