表格顯示滾動條

看風景就發表於2018-07-17

表格顯示滾動條顯示一個滾動條,可以提示使用者下面還有資料。具體如下:

程式碼如下:

.tab-record::-webkit-scrollbar {
    width: .04rem;
    height: auto;
    display: block;
}
.tab-record::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 .08rem rgba(0,0,0,0.1); 
    border-radius: .133333rem;
}
.tab-record::-webkit-scrollbar-thumb {
    border-radius: .133333rem;
    -webkit-box-shadow: inset 0 0 .08rem rgba(0,0,0,0.2);
}

 

相關文章