브라우저에서 스크롤바를 표시하도록하는 CSS

Question

웹 응용 프로그램을 작성했으며 페이지의 크기를 조정할 때 브라우저가 창을 축소 할 때 자체 스크롤 막대를 표시하지 않는다는 것을 알았습니다. 이렇게하면 사용자가 콘텐츠에 액세스하지 못하게됩니다. 내 몸무게를 500px로 설정하고 navbar를 white-space:nowrap으로 설정했습니다. 브라우저 오른쪽에 콘텐츠가 있음을 브라우저에서 인식하도록하려면 어떻게해야합니까?

그냥 브라우저의 스크롤바가 아니라 모든 컨트롤의 스크롤 막대를 원하는.

Answer 1

당신은 수평 여부에 따라 다음 중 하나를 사용할 수 있습니다 , 수직 스크롤바 또는 두 스크롤바가 추가 될 수 있습니다 :

body {overflow-x:scroll;} 
body {overflow-y:scroll;} 
body {overflow:scroll;} 

그러나 콘텐츠를 다음과 같이 표시하면 같은 스크롤바 사용자가 액세스 할 쉽게 때문에 ection 다음

#id-of_your_div {overflow:scroll;} 

그래서 당신은 사업부로 스크롤을 추가하는 대신 스크롤 막대를 표시하는 브라우저를 강제로 그렇게는, 다음 페이지는 훨씬 더 나은 사용자 경험을 제공 할 것입니다.

Answer 2

스크롤 할 방향과 요소에 따라 본문/요소의 높이 또는 너비를 100.1 %로 설정할 수 있습니다.

Answer 3

폭을 가지고 노는 대신이 목적으로 사용 된 코드를 사용하십시오. 다음 CSS는 필요할 때 스크롤 막대를 강제로 표시합니다. 두 스크롤 막대에 대한

...

body { 
    overflow: scroll; 
} 

하거나 수평 스크롤 막대 ...

body { 
    overflow-x: scroll; 
}