css 滚动条在移动的设备中不显示，直到它滚动，

q8l4jmvw 于 2023-05-23 发布在其他

关注(0)|答案(2)|浏览(146)

这里我添加了一个最大高度的表，如果它超过了高度，那么自定义滚动显示。问题是它不会在移动的设备上显示，直到它滚动。
enter image description here

.scan-by-blocks .scan-by-block .legend {
  max-height: 120px;
  overflow-y: auto;
}

.scan-by-blocks .scan-by-block .legend::-webkit-scrollbar {
  width: 8px;
}

.scan-by-blocks .scan-by-block .legend::-webkit-scrollbar-thumb {
  background-color: var(--grey-dark);
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px var(--grey-dark);
}

.scan-by-blocks .scan-by-block .legend::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

我想让他们在移动的设备上，即使它没有滚动。

css

来源：https://stackoverflow.com/questions/76302715/scroll-bars-are-not-showing-in-mobile-deivces-until-its-scrolled

2条答案

按热度按时间

ecbunoof1#

在.scan-by-blocks .scan-by-block .legend中将overflow-y: auto;更改为overflow-y: scroll;。如果问题仍然存在，请注解掉下面的所有自定义滚动条样式，然后重试。

赞(0）回复(0）举报 2023-05-23

nkkqxpd92#

我还不太确定，但是你能试着把你的overflow-y: auto改成overflow-y: scroll吗？

.scan-by-blocks .scan-by-block .legend {
 max-height: 120px;
 overflow-y: auto;
 touch-action: pan-y;
 -ms-touch-action: pan-y;
 -webkit-overflow-scrolling: touch;
}

.scan-by-blocks .scan-by-block .legend::-webkit-scrollbar {
 width: 8px;
}

.scan-by-blocks .scan-by-block .legend::-webkit-scrollbar-thumb {
 background-color: var(--grey-dark);
 border-radius: 5px;
 -webkit-box-shadow: inset 0 0 6px var(--grey-dark);
}

.scan-by-blocks .scan-by-block .legend::-webkit-scrollbar-track {
 background-color: rgba(0, 0, 0, 0.1);
 border-radius: 5px;
}

赞(0）回复(0）举报 2023-05-23

我来回答

css 滚动条在移动的设备中不显示，直到它滚动，

2条答案

相关问题

热门标签

最新问答