Question

我使用的是Chrome版本84.0.4147.89，并且使用的div是

overflow-y:scroll;

滚动功能有效，但是没有滚动条显示。它确实在IE中显示。我必须让它显示出来，因为没有鼠标或触摸屏的用户会发现在不显示该条的情况下很难滚动。

我尝试过

overflow-y:scroll!important;

但是那也不起作用。

我也尝试禁用“在可用时使用硬件加速”，因为我在另一个线程中建议这样做，但这还是行不通的。

如何使Chrome浏览器显示滚动条？

谢谢。

Answer 1

我认为您必须声明一个身高。这是我正在使用的示例。

div {
    width: 30vw;
    height: 49.75vw;
    min-height: 1em;
    overflow-y: visible;
    overflow-x: hidden;
    direction: ltr;
    /*position of scroll bar can use rtl if wanted, but use div * {direction: ltr;} if you do.} */
    scrollbar-width: thin;/*fancy width*/
    scrollbar-color: #f3f0dd #154734;/*fancy colors for Firefox*/
}

div::-webkit-scrollbar {
  width: 11px;
}

div::-webkit-scrollbar-track {
  background: #154734;
}

div::-webkit-scrollbar-thumb {
  background-color: #f3f0dd;
  border-radius: 6px;
  border: 3px solid #154734;
}

滚动条不显示在带有Overflow-y的Chrome中：滚动

1 个答案: