-크롬/오페라/사파리에 대한 moz-scrollbars-vercival 등가?

StackOverflow https://stackoverflow.com/questions/1800670

  •  05-07-2019
  •  | 
  •  

문제

IE6, IE7 및 IE8은 스크롤 할 수없는 경우에도 기본적으로 페이지의 수직 스크롤 막대를 표시합니다. Chrome과 Firefox는이 작업을 수행하지 않습니다 (오페라와 Safari도 그렇지 않다고 가정합니다). CSS를 사용하여 Firefox에서 동일한 동작을 수행 할 수 있습니다.

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

다른 3 개의 브라우저에서 눈에 보이는 스크롤 바를 강요 할 수있는 방법이 있습니까? 아니면 더 나은, 표준적인 방법?

도움이 되었습니까?

해결책

업데이트

(또한) 포함해야 할 수도 있습니다 -ms-overflow-y 및/또는 -moz-scrollbars-vertical, 언급했듯이 이 다른 stackoverflow 게시물:

html {
    overflow: -moz-scrollbars-vertical; /* For FF */
    -ms-overflow-y: scroll; /* For IE */
    overflow-y: scroll; /* For others & old IE */
}

원래의

html { overflow-y: scroll; }

보다 W3Schools에서 "Overflow-Y"

테스트 및 검증 (성공적으로) :

  • FF 7
  • 크롬 15
  • IE 5+6+7+8+9+10 (플랫폼 미리보기) w/Ietester
  • 오페라 11.52
  • 사파리/승리 5.1.1

전체 예

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
    html { overflow-y: scroll; }
</style>
</head>
<body>
    Test content
</body>
</html>

다른 팁

html { height: 100%; margin-bottom: 1px; }

보다 스크롤 바 강제 (이제 더 나은) 자세한 내용은.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top