還在發愁滾動條很醜嗎？come on

.navigation-page {   
   position: absolute;    
   height: 92%;    
   top: 8%;    
   width: 15%;   
   z-index: 2;    
   border-right: solid 1px #e6e6e6;    
   overflow-y: auto;    
   overflow-x: hidden;  
 }
//設置寬度
.navigation-page::-webkit-scrollbar {    
   width: 4px; 
 }
//滾動背景
  .navigation-page::-webkit-scrollbar-thumb {    
    border-radius: 10px;   
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);   
    background: rgba(99, 104, 124,0.2);  }
//整體背景
  .navigation-page::-webkit-scrollbar-track {   
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);    
   border-radius: 0;   
    background: rgba(99, 104, 124,0.1);  }