如何删除包含滚动条的框

Question

您使用什么CSS来移除包含滚动条的框，但是滚动条是否可见？

（当前滚动条）

（需要看起来像这个）

Answer 1

您无法删除浏览器默认滚动条的框。我认为实现这一目标的唯一方法是使用自定义滚动条。阅读以下答案：https://stackoverflow.com/a/14150577/1119533

Answer 2

您无法使用CSS执行此操作...您必须使用自定义js插件才能实现此目的。

看起来像您在图片中显示的内容称为slimScroll

<强> DEMO

Answer 3

我在没有使用JS插件http://css-tricks.com/examples/WebKitScrollbars/

的情况下找到了这个例子

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}



/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(200,200,200,1); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(200,200,200,0.4); 
}