스크롤 막대가 가운데 정렬된 DIV를 이동하는 것을 방지하려면 어떻게 해야 합니까?

스크롤바가 웹페이지 위치를 변경하는 것을 방지

웹사이트 내에 중앙 정렬 DIV를 통합할 때 특정 페이지에 스크롤바가 있으면 시각적 불일치를 만듭니다. 사용자가 스크롤이 필요하거나 필요하지 않은 페이지 사이를 탐색할 때 스크롤 막대의 모양으로 인해 정렬이 중단되고 페이지가 약간 옆으로 이동합니다. 이 문제는 모든 페이지에 스크롤 막대를 명시적으로 표시하지 않고도 해결할 수 있습니다.

해결책:

스크롤 막대가 페이지 위치를 변경하는 것을 방지하려면 Overflow-y 속성을 적용해야 합니다. 꼬리표. 이 접근 방식을 사용하면 콘텐츠가 뷰포트 높이를 초과할 때만 스크롤바가 활성화됩니다.

html {
  overflow-y: scroll;
}

이 스타일을 요소는

요소를 사용하면 Internet Explorer 7에 이중 스크롤 막대가 나타날 수 있습니다. HTML 문서가 수직으로 스크롤되어야 함을 명시적으로 지정함으로써 스크롤 막대는 콘텐츠와 독립되어 페이지 정렬을 유지하고 예상치 못한 이동을 방지합니다.

위 내용은 스크롤 막대가 가운데 정렬된 DIV를 이동하는 것을 방지하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!