自定义滚动条样式、ios非body滚动元素滚动条不流畅

自定义滚动条样式

. div::-webkit-scrollbar {   
  width: 0.1rem;   
  height: 1rem; 
  -webkit-border-radius: 0.1rem;   
  -moz-border-radius: 0.1rem;   
  border-radius: 0.1rem;
}
. div::-webkit-scrollbar-thumb {   
  background-color: #B7A8DF; 
  background-clip: padding-box; 
  -webkit-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;   
  border-radius: 0.1rem;   
  min-height: 0.1rem;
}
.div::-webkit-scrollbar-thumb:hover {   
  background-color: #B7A8DF;   
  -webkit-border-radius: 0.1rem; 
  -moz-border-radius: 0.1rem;   
  border-radius: 0.1rem;
}

ios非body滚动元素滚动条不流畅

-webkit-overflow-scrolling: touch;