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

q8l4jmvw  于 2023-05-23  发布在  其他
关注(0)|答案(2)|浏览(145)

这里我添加了一个最大高度的表,如果它超过了高度,那么自定义滚动显示。问题是它不会在移动的设备上显示,直到它滚动。
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;
}

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

ecbunoof

ecbunoof1#

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

nkkqxpd9

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;
}

相关问题