수직 스크롤을 보이지 않게합니다.

Question

안녕하세요 저는 수직 스크롤을 보이지 않게 만들고 싶지만 수평 스크롤바를 보이기를 원합니다. 또한 내 페이지를 가로 및 세로로 스크롤 할 수있게하고 싶습니다.

.my_class::-webkit-scrollbar{ 
    display: none; 
    } 

을하지만 모두 스크롤바 보이지 않게 :

내가 사용.

Answer 1

, 당신은 늘 이것을 달성 할 수.

나는 당신이 다음과 같이 단순히 각 스크롤 형식에 대한 CSS 트릭을 적용 할 수있는 사용자 정의 스크롤 플러그인을 사용 거라고 제안 :

$(document).ready(function() { 
 
    $(".container").customScrollbar(); 
 
});

.container { 
 
    max-width: 300px; 
 
    max-height: 100px; 
 
} 
 

 
.container .overview { 
 
    width: 800px; 
 
} 
 

 
.scrollable .scroll-bar.horizontal { 
 
    background: #eee; height: 5px; border-radius: 20px; 
 
} 
 
.scrollable .scroll-bar.horizontal .thumb { 
 
    background: #999; 
 
    border-radius: 20px; 
 
    cursor: pointer; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<link rel="stylesheet" href="https://rawgit.com/mzubala/jquery-custom-scrollbar/master/jquery.custom-scrollbar.css" /> 
 
<script src="https://rawgit.com/mzubala/jquery-custom-scrollbar/master/jquery.custom-scrollbar.js"></script> 
 

 
<div class="container"> 
 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, elit magna vulputate arcu, vel tempus metus leo non est. Etiam sit amet lectus quis est congue mollis. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi. Praesent sodales velit quis augue. Cras suscipit, urna at aliquam rhoncus, urna quam viverra nisi, in interdum massa nibh nec erat. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, elit magna vulputate arcu, vel tempus metus leo non est. Etiam sit amet lectus quis est congue mollis. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi. Praesent sodales velit quis augue. Cras suscipit, urna at aliquam rhoncus, urna quam viverra nisi, in interdum massa nibh nec erat. 
 
</div>

Answer 2

overflow-y 속성을 확인하십시오. CSS3입니다.

Answer 3

overflow-y: hidden; // hide vertical 
overflow-x: hidden; // hide horizontal 

이 두 CSS 속성을 사용하여 스크롤바를 숨길 수 있습니다. 흐름 특성을 통해

Answer 4

사용 : 나는 간단한 CSS 트릭을 사용하여 '라고해야 overflow-y: hidden