只使用CSS隱藏滾動條的部分

我試圖隱藏滾動條的特定部分。我的確切要求是隱藏scrollbar-track-piece，但實際上可以看到srcollbar-thumb。（https://css-tricks.com/almanac/properties/s/scrollbar/）只使用CSS隱藏滾動條的部分

雖然我很確定這是不可能的，但我只是在這裏發佈這個問題，以防萬一我錯了。

我試過pointer-events: none，設置爲display: none並修改了z-index，但都沒有效果。如果可能，我寧願不使用JavaScript。

讓它只在Chrome中工作對我來說已經足夠了。（在電子設備中試用）

在此先感謝！

使用案例：我試圖做一個半人，半定製的滾動條，其中您可以點擊並在scrollbar-thumb阻力，使其行爲類似於滾動條做的，但點擊scrollbar-track-piece，是不是可能。我做了一件小事：

2016-10-04 madebysid

您可能希望包含您希望用於此目的的瀏覽器，因爲在瀏覽器之間對UI樣式的支持仍然大不相同。 – TheThirdMan

只要Chrome就夠了。我將編輯該問題。謝謝！ – madebysid

我剛剛檢查了Chrome檢查器，並且我認爲Chrome沒有任何影響滾動條的CSS。 – raphael75

您可以使用這些供應商特定的選擇器輕鬆地在chrome中完成此操作。我不確定所有的瀏覽器都支持這一點，但是Chrome可以。

::-webkit-scrollbar-track { display: none; cursor: none; pointer-events: none }

你可以找到你所需的滾動條的CSS樣式這裏的所有信息：

但是，如果你真的想創建一個自定義的滾動條，與所有瀏覽器上運行你將需要JavaScript。目前...

2016-10-06 16:59:00

回答