如何使用＆＃34;显示＆＃34;滚动条的属性

Question

我在网站的任何地方创建了一个没有滚动条的网站，并使用了代码

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

我需要显示特定div的滚动条。但是，滚动条不可见。

HERE是我的代码示例。我想要的只是滚动条在内盒中可见，而不是在其他地方。

提前致谢，伙计们！

Answer 1

你可以用

*:not(.box)::-webkit-scrollbar{
     display: none;
}

JSFIDDLE：http://jsfiddle.net/v2Ypj/44/。

Answer 2

DEMO

*{margin:0 auto;padding:0px; }
html, body{ height:100%; width:100%;}

.big-box{
     height: 100%;
    background: orange;
}

.box{
    width: 200px;
    max-height: 200px;
    overflow-y: scroll;
    background: #ccc;
}