HTML에서 브라우저 스크롤 막대를 강제로 표시하고 숨기는 방법

 방금 웹사이트를 만들었는데, 한 페이지가 다른 페이지와 조금 다르게 표시되었습니다.

관찰 및 디버깅을 통해 페이지의 세로 높이가 넘치지 않는 것을 발견했습니다. 스크롤 막대를 불러올 수 없습니다.

이로 인해 다른 페이지에 비해 중앙에 있을 때 몇 픽셀의 차이가 발생하여

페이지 효과가 불편해집니다.

해결 방법: 모든 페이지에 브라우저 스크롤 막대를 강제로 추가하거나 숨깁니다.

관련 CSS 코드는 다음과 같습니다.

//스크롤 막대를 강제로 표시하려면:

html { overflow: scroll; }

//스크롤 막대를 강제로 숨기려면:

html { overflow: hidden; }

//IE의 가로 스크롤 막대 숨기기:

html { overflow-x: hidden; }

/ /IE의 세로 스크롤 막대 숨기기:

html { overflow-y: hidden; }

//IE의 가로 스크롤 막대를 강제로 표시:

html { overflow-x: scroll; }

//IE의 세로 스크롤 막대를 강제로 표시:

html { overflow-y: scroll; }

//Mozilla의 가로 스크롤 막대를 강제로 적용:

html { overflow:-moz-scrollbars-horizontal; }

// 참고: 가로 스크롤 막대만 표시되도록 합니다. 즉, 세로 스크롤 막대를 표시해야 하는 경우에도 세로 스크롤 막대는 표시되지 않습니다.

//Mozilla의 표시를 강제합니다. 세로 스크롤 막대:

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

//참고: 세로 스크롤 막대만 강제로 표시합니다. 즉, 가로 스크롤 막대를 표시해야 하는 경우에도 가로 스크롤 막대가 나타나지 않습니다.

위 내용은 HTML에서 브라우저 스크롤 막대를 강제로 표시하고 숨기는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!