试着在滚动条上的拇指上应用框阴影。div元素上的滚动条。
当滚动框阴影滞后为什么？如何修复它？
Normal shadow
Shadow hit the wall
Thumb on the wall, shadow normal again
看起来像box-shadow打无敌墙或smth那样
墙的数量取决于元素的高度，越高的墙越多（有趣的是，水平滚动条工作的权利）
代码

<div style="
overflow-Y: scroll; 
overflow-X: hidden; 
width:80vw; 
height:60vh; 
border:3px solid black; 
left:10vw; 
top:10vh;
">
  <div style="
  height: 1400vh; 
  width: 1000vw;
  background:blue; 
  ">
    
  </div>
</div>

    <style>
  div::-webkit-scrollbar {
    width: 20px;
    height: 100px;
  }
  
  ::-webkit-scrollbar-track  {
   background: red;
 }
  ::-webkit-scrollbar-thumb {
    background: goldenrod;
    -webkit-box-shadow: 0px 0px 20px 10px green;
  }
  </style>