이 요소라는 항목 및 내용 내부에 요소가 더 이상 보다는 요소를 높이,나는 그것을 만들고 싶은 스크롤하지만 숨기기 있는 스크롤 막대,어떻게 되나요?
<div class="left-side">
<div class="items" style="display:block;width: 94%;margin: 0 auto;overflow: hidden;">
</div>
</div>
.left-side {
width: 1470px;
padding-top: 20px;
height: 878px;
}
I tried 설정하면 왼쪽 클래스 오버플로우 자동는't do anything.
숨길 수 있습니다:
html {
overflow: scroll;
}
::-webkit-scrollbar {
width: 0px;
background: transparent; /* make scrollbar transparent */
}
더 자세한 정보를 참조하십시오:https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-still-being-able-to-scroll
내가 결합의 몇 가지 다른 답변에 그래서 다음과 같은 조각해야 모두에서 작동하지 않을 경우,가장 현대적인 브라우저 내가 믿습니다. 당신이해야 할 모든 당신이 추가 CSS class.disable-scrollbars
요소에 적용할이다.
.disable-scrollbars::-webkit-scrollbar {
width: 0px;
background: transparent; /* Chrome/Safari/Webkit */
}
.disable-scrollbars {
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE 10+ */
}
고 사용하려면 줍/SASS:
.disable-scrollbars {
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE 10+ */
&::-webkit-scrollbar {
width: 0px;
background: transparent; /* Chrome/Safari/Webkit */
}
}
당신이 정말로 원하는 경우를 제거하 scrollbar,분할 정보를 최대로 두 가지 별도의 페이지입니다.
다섯가지수의 유용성에 대한 지침을 스크롤과 스크롤:
제공합 스크롤 막대 영역이 있 스크롤 내용입니다. Don't 에 의존 자동 스크롤 또는 드래그하는 사람들의하지 않을 수 있습니다. 숨기기 스크롤 막대하는 경우 모든 컨텐츠를 볼 수 있습니다. 면 사람들이 스크롤 막대,그들은 가정's 추가적인 내용과 좌절을 경우 그들이 할 수 있't 스크롤합니다. 을 준수한 GUI 기준 및 사용처럼 보이는 스크롤 스크롤 막대입니다. 수평 방향으로 스크롤 웹 페이지에 그것을 최소화 습니다. *표시는 모든 중요한 정보를 위 fold. 사용자 자주할지 여부를 결정하거나 무엇을 기반으로 그들은 볼 수 있습니다 스크롤하지 않고. 그들은 플러스만을 할당하의 20%그들의 주의 입했습니다.
인 스크롤 막대만 보이 필요할 때(예:이 있을 때는 콘텐츠를 아래로 스크롤하는)사용하오버플로:자동
.