我有一個3 div的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滾動條上可見。有沒有辦法讓滾動，而沒有滾動條可見？

來源

2017-02-20 User1979

** CSS ** :: - webkit-scrollbar：display：none –

@ZeusZdravkov感謝它對我有用 – User1979

請注意，這隻適用於Webkit瀏覽器和那些識別'-webkit-'前綴的瀏覽器。 – Shaggy

-3

它應該是oveyflow-x: hidden不overflow-x: auto

來源

2017-02-20 15:46:22

這樣你將無法水平滾動。 – LuudJacobs

檢查這個http://stackoverflow.com/questions/16670931/hide-scroll-bar-but-still-being-able-to-scroll?rq=1 –

@OkeTega是垂直滾動。 – Radmation

在WebKit瀏覽器自定義滾動條

所以 CSS是

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

在此主題的更多：https://css-tricks.com/custom-scrollbars-in-webkit/

來源

2017-02-20 17:09:47

如何隱藏水平滾動條，但仍然能夠滾動

回答

在WebKit瀏覽器自定義滾動條

相關問題