2016-12-02 51 views
1

我目前正试图将Scroll Bar webkit样式应用于某个元素,但是没有运气。我到处寻找; Stack Overflow上有2个线程,但我看到了,不起作用。Webkit滚动条适用于某些元素

大多数线程说使用:

.class-name::-webkit-scrollbar { } 

但我有没有运气这

这是什么人reccomending的一个完整的例子(它不工作): http://codepen.io/wrdle/pen/BQYBjN

如果您对此有所帮助,非常感谢! :) 谢谢

回答

0

你的CSS工作得很好 - 你的CodePen中的问题是文档滚动,而不是#container元素,所以你看不到它的滚动条。

添加这个CSS作为一个例子来看看正确的滚动条:

#container { 
    height: 500px; 
    overflow: auto; 
} 

更新CodePen:http://codepen.io/capitalq/pen/MbQgJv

+0

有没有办法,我就不用定义高度? –

+0

你可以应用一般的滚动条样式而不是特定的元素:http://codepen.io/capitalq/pen/xRYKaM –

+0

嗯好吧...谢谢! –