简介

通过增加CSS片段，更改RemNote默认滚动条样式

效果

滚动条为彩虹色，滑块为白色
20220129174426.png

代码

  1. ::-webkit-scrollbar {
  2.   width: 3px;
  3.   background: linear-gradient(
  4.     to bottom,
  5.     hsl(0deg, 100%, 50%, 0.4) 0%,
  6.     hsl(40deg, 100%, 50%) 20%,
  7.     hsl(80deg, 100%, 50%) 30%,
  8.     hsl(120deg, 100%, 50%) 40%,
  9.     hsl(180deg, 100%, 50%) 50%,
  10.     hsl(250deg, 100%, 50%) 80%,
  11.     hsl(320deg, 100%, 50%, 0.4) 100%
  12.   );
  13.   border-radius: 4px;
  14. }
  16. ::-webkit-scrollbar-thumb {
  17.   background: linear-gradient(
  18.     to bottom,
  19.     hsl(0deg, 100%, 50%, 0) 0%,
  20.     hsl(0deg, 100%, 100%, 0.9) 20%,
  21.     hsl(0deg, 100%, 100%, 0.9) 80%,
  22.     hsl(0deg, 100%, 50%, 0) 100%
  23.   );
  24.   border-radius: 100%;
  25. }