设置min-width,当小于某个宽度时出现滚动条,
overflow-y: auto;height:100px;当高度小于100时,出现滚动条
设置滚动条的样式
/* 设置滚动条的样式 */
::-webkit-scrollbar {
width
:
12px
;}
/* 滚动槽 */
::-webkit-scrollbar-track { -webkit-box-shadow:
inset
0
0
6px
rgba(
0
,
0
,
0
,
0.3
); border-radius:
10px
;}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb { border-radius:
10px
;
background
: rgba(
0
,
0
,
0
,
0.1
); -webkit-box-shadow:
inset
0
0
6px
rgba(
0
,
0
,
0
,
0.5
);}::-webkit-scrollbar-thumb:window-inactive {
background
: rgba(
255
,
0
,
0
,
0.4
);}
在某个div中用这个样式就在前面加上div的类名
如果要隐藏滚动条怎么办呢?
我也不知道,不过用::-webkit-scrollbar {
width
:
0px
;}可以实现