내 .NET Framework에 세로 스크롤바를 추가하고 싶습니다 <div>. 시도 overflow: auto했지만 작동하지 않습니다. Firefox와 Chrome에서 내 코드를 테스트했습니다.
여기에 div 스타일 코드를 붙여 넣습니다.
float: left;
width: 1000px;
overflow: auto;답변
overflow: auto;속성이 작동 하도록하려면 높이를 할당해야합니다 .
테스트 목적으로 추가 height: 100px;하고 확인하십시오.
또한 , overflow-y:auto;대신 제공 overflow: auto;하면 요소가 가로가 아닌 세로로만 스크롤되므로 더 좋습니다 .
float:left;
width:1000px;
overflow-y: auto;
height: 100px;컨테이너의 높이를 모르고 컨테이너가 고정 높이에 도달했을 때 수직 스크롤바를 표시 100px하려면 속성 max-height대신 사용하십시오 height.
자세한 내용은이 MDN 기사를 참조하십시오 .
답변
max-height속성 을 추가해야 합니다.
.ScrollStyle
{
max-height: 150px;
overflow-y: scroll;
}<div class="ScrollStyle">
Scrollbar Test!<br/>
Scrollbar Test!<br/>
Scrollbar Test!<br/>
Scrollbar Test!<br/>
Scrollbar Test!<br/>
Scrollbar Test!<br/>
Scrollbar Test!<br/>
Scrollbar Test!<br/>
Scrollbar Test!<br/>
Scrollbar Test!<br/>
</div>답변
다음을 설정할 수 있습니다.
overflow-y: scroll;height: XX px답변
내 div-popup. 적용하려면 다음 스타일을 div 요소에 추가하세요.
overflow-y: scroll;
height: XXXpx;height지정은 DIV의 높이가 될 것이며,이 높이를 초과 할 내용이 있으면 일단, 당신은 그것을 스크롤해야합니다.
감사합니다.
답변
div에 세로 스크롤 막대를 표시하려면 다음을 추가해야합니다.
height: 100px;
overflow-y : scroll;또는
height: 100px;
overflow-y : auto;답변
div를 사용하려는 목적이 무엇인지 잘 모르겠지만 이것은 임의의 텍스트가 포함 된 예제입니다.
Mr_Green이 추가하라고 말했을 때 올바른 지시를 내 렸습니다. overflow-y: auto 수직 스크롤로 제한하므로 . 다음은 JSFiddle 예제입니다.
답변
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}