Css 使滚动条在div-chrome中始终可见

我第一次实现了无限滚动，但是当没有溢出时，我无法让滚动条最初显示出来。我在chrome上试过这个：

#scrollarea-invalid {
overflow-y: scroll !important;
height: 350px;
}

---

如何使滚动条始终显示在此div中，即使此div中的内容小于350px？

仅显示滚动条将不允许您对试图向下滚动的用户做出反应。因此，您需要实际使内容在区域外流动并检测滚动。
试试这个：

#滚动区域无效{
溢出y：滚动；
高度：350px；
}
#滚动区域内容{
最小高度：101%；
}

正文{
填充：10px；
}
保险商实验室{
最大高度：150像素；
溢出：滚动；
}
：-webkit滚动条{
-webkit外观：无；
宽度：10px；
}
：-webkit滚动条拇指{
边界半径：5px；
背景色：rgba（0,0,0,5）；
-webkit盒阴影：0 1px rgba（255255255.5）；
}

这是一些内容
这是一些内容
这是一些内容
这是一些内容
这是一些内容
这是一些内容
这是一些内容
这是一些内容
这是一些内容
这是一些内容
这是一些内容
这是一些内容

我的页面上也有同样的问题，我们必须滚动到哪里才能看到列表。我担心访客会认为只有一个视频

使用：--webkit滚动条和：--webkit滚动条拇指是经验证的解决方案。

#滚动区域无效{
溢出y：滚动；
高度：350px；
}
#滚动区域内容{
最小高度：101%；
}

---

溢出：自动或

溢出：滚动

有时不管用。因此，我们必须尝试基于webkit的代码来解决这个问题

尝试以下代码以显示始终显示的滚动条

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

---

这将始终显示页面上的垂直和水平滚动条。如果您只需要一个垂直滚动条，则将

溢出-x:hidden

溢出：滚动应该做这个把戏吗？那会做这个把戏吗？没有溢出开始…谢谢，积雨云。我的CSS中的-webkit滚动条和-webkit滚动条拇指使滚动条在Chrome中再次出现。但我很好奇为什么这是必要的。为什么Chrome会忽略“overflow:scroll”和“overflow:auto”，除非您提供的CSS包含在内？我有一个与@BruceHill Why-o-Why相同的问题？回答很好，谢谢！虽然10px是phatttt！感谢@Kitson的宝贵评论。