Как скрыть горизонтальную полосу прокрутки, но все еще можно прокручивать

Question

У меня есть div с 3 div, где каждый div прокручивается независимо.

<div class="divWrapper"> 
    <div class="item"></div> 
    <div class="item"></div> 
    <div class="item"></div> 
</div> 

.item { 
    position: relative; 
    -webkit-overflow-scrolling: touch; 
    overflow-scrolling: touch; 
    overflow-x: auto; 
    white-space: nowrap; 
    box-sizing: border-box; 
    padding: 0 16px; 
    font-size: 0; 
} 

При прокрутке я хочу скрыть полосу прокрутки. на Windows все браузеры не показывают полосу прокрутки, но на панели прокрутки MAC видна. Есть ли способ получить прокрутку без видимости полосы прокрутки?

Answer 1

Это должно быть oveyflow-x: hidden не overflow-x: auto

Answer 2

Пользовательские полосы прокрутки в Webkit браузеров

---

Так CSS является

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

Больше на эту тему: https://css-tricks.com/custom-scrollbars-in-webkit/