문제
내 웹 사이트의 추가 콘텐츠가있는 페이지로 이동하면 스크롤 바가 오른쪽에 나타나지만 내 컨텐츠의 왼쪽으로의 주목할만한 전환이 있습니다. 집을 클릭 한 다음 내 사이트에서 다시 호스팅하고 다시 돌아와서 이것을 알 수 있습니다 (www.ipalaces.org)
내 페이지의 브라우저 스크롤 바를 어떻게 설명 할 수 있습니까? 스크롤 바가 항상 적어도 보이도록 만들 수 있습니까?
내 웹 사이트입니다 www.ipalaces.org, 알려주세요.
해결책
몸을 101% 키로 만드십시오 ... 이것은 스크롤 바가 항상 나타나도록합니다.
body {height:101%}
다른 팁
글쎄, 그것은 브라우저에 따라 다릅니다.
body {
overflow-y: scroll;
overflow-x: scroll;
overflow: -moz-scrollbars-vertical;
}
수평을 강요해야합니다 (overflow-x
) 및 수직 스크롤 바 (overflow-y
) 표시됩니다. 비록 오페라가 때때로 선언을 존중하지 않는다는 것을 기억하지만 <body>
(divs 등).
편집 @wsanville 's 및 @Bhare's와 관련하여 의견을 제시합니다.
IE6, IE7, IE8, Firefox 3 및 Chrome에서 이것을 테스트했으며 수직 스크롤 막대가 항상 보이는 간단한 방법은 간단합니다.
html { overflow-y: scroll; }
body {
overflow: scroll;
}
최신 Firefox (3.5)조차도 같은 문제가있었습니다. 오버플로 기능은 내 생명을 구했습니다!
이것은 나를 위해 잘 작동하는 것 같습니다 ...
html {
overflow-y: scroll;
}
이것을 시도해보십시오 ... 나는 그것의 추악한 것을 알고 있지만 그것은 유일한 방법일지도 모른다.
#force_scroll {
width: 1em;
position: absolute;
top: 0;
bottom: -0.1px;
z-index: -1;
}
그리고 당신의 HTML에서 어딘가에 (바람직하게는 </body>
):
<div id="force_scroll"></div>
제휴하지 않습니다 StackOverflow