html div让滚动条置顶,html – 位于div顶部的伪元素水平滚动条

我使用以下内容来显示水平滚动条：

CSS：

div {

width: 300px;

overflow-x: scroll;

}

div::-webkit-scrollbar {

width:15px;

}

div::-webkit-scrollbar-track {

-webkit-border-radius:5px;

border-radius:5px;

background:rgba(0,0.1);

}

div::-webkit-scrollbar-thumb {

-webkit-border-radius:5px;

border-radius:5px;

background:rgba(0,0.3);

}

div::-webkit-scrollbar-thumb:hover {

background:rgba(0,0.3);

}

div::-webkit-scrollbar-thumb:window-inactive {

background:rgba(0,0.3);

}

但是,正如您在demo here中看到的那样,滚动条仅在div的底部可见.有没有办法将它定位在顶部？