html 无法向下滚动,html – 无法滚动附加到div的垂直滚动条

我有一个附加到div的webkit滚动条.我通过在body元素中将overflow属性设置为hidden来禁用默认滚动条.我可以看到附加到div的滚动条,但看不到它的拇指,因此也无法滚动.附加滚动条的div具有id =“container”.这是css –

html

{

}

body

{

overflow-y:hidden;

overflow-x:hidden;

}

#container

{

height:100%;

overflow-x:hidden;

overflow-y:scroll;

}

#Title

{

padding-bottom: 10px;

}

table

{

width: 100%;

table-layout: fixed;

}

#container::-webkit-scrollbar

{

background: transparent;

width: 12px;

}

#container::-webkit-scrollbar-track

{

-webkit-box-shadow: inset 0 0 6px rgba(10,11,12,0.3);

/* border-radius: 10px; */

}

#container::-webkit-scrollbar-thumb

{

border-radius: 10px;

-webkit-box-shadow: inset 0 0 6px rgba(0,0.5);

background:rgba(104,102,0.8);

}

容器包含一个div(带有id =“Title”)和一个表.该表有很多内容,因此滚动应该发生,但不幸的是它没有.如果有人能指出我做错了什么,那就太好了.谢谢！

编辑：添加HTML –

abc

xyz

pqr

sfdf

ffsdf