브라우저 스크롤 바 시프트

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

  •  05-07-2019
  •  | 
  •  

문제

내 웹 사이트의 추가 콘텐츠가있는 페이지로 이동하면 스크롤 바가 오른쪽에 나타나지만 내 컨텐츠의 왼쪽으로의 주목할만한 전환이 있습니다. 집을 클릭 한 다음 내 사이트에서 다시 호스팅하고 다시 돌아와서 이것을 알 수 있습니다 (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>
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top