如何覆蓋「:: - WebKit的滾動條」 CSS規則，並再次使滾動條可見

我用下面的規則，使滾動條看不見的：如何覆蓋「:: - WebKit的滾動條」 CSS規則，並再次使滾動條可見

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

如何重寫這個規則再次顯示自己的滾動條？我試過以下內容：

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

在這種情況下，滾動條會保留它們的空間，但拇指不可見。

查看簡短演示here。

來源

2014-02-24 s.ermakovich

嗨，這個鏈接是否適合你？ http://css-tricks.com/examples/WebKitScrollbars/ –

@KheemaPandey我的問題是如何讓滾動條看不見後再次可見。我沒有通過提供的鏈接找到答案。 –

@ s.ermakovich：你能工作嗎？我有類似的情況。 – TheRock

嘗試

:: webkit-scrollbar {visibility：hidden; }

and

:: webkit-scrollbar {visibility：visible; visible;}} }

編輯：

雖然，這將保持空間......所以，加上「寬度：0重要;」

來源

2014-02-24 11:39:27 underscored

你能提供一個工作的例子嗎？ –

我已經搞混了：看起來，當你「取消隱藏」的東西時，滾動條的整個樣式被* blank覆蓋。當您自己設計webkit滾動條時，它會起作用。這有點迂迴，但它有效。在這個例子中，它與媒體查詢一起工作，但我不知道你想如何實現它？ http://jsfiddle.net/KTmkD/1/ – underscored

問題是我不需要自定義滾動條。我只是想將它重置爲默認樣式。 –

如何覆蓋「:: - WebKit的滾動條」 CSS規則，並再次使滾動條可見

回答

相關問題