滚动条轨道随机出现

Question

我希望我的div没有那个白色区域（滚动条拇指出现的地方）。我不知道如何重新创建它，因为它随机出现在chrome和safari上。

这是div

.column-content{
  height:60vh;
  padding: 10px 3px 0 3px;
  overflow:scroll;
  touch-action: none;
  @media screen and (min-height:1100px){
    height: 70vh;
  }
}

我需要它可滚动但我也不希望显示那个丑陋的白条...我已经尝试在我的index.html文件上设置webkit滚动轨道但它没有做任何事情。

Answer 1

也许您正在搜索webkit-scrollbar？

.column-content::-webkit-scrollbar { 
    display: none; 
}

但由于它是webkit，它与所有浏览器都不兼容。 你设置overflow:scroll，你需要在两个轴上滚动吗？如果没有，您可以考虑将其设置为auto。