javascript - 移动端使用overflow-y: auto; 可以滚动，但是没有出现滚动条，怎么让其显示？

问题描述

问 题

我不管，我要滚动条！！！！

解决方案

可以使用css，让滚动条显示出来。
代码如下：

 .rows {
  height: 230px;
  overflow: hidden;
  overflow-y: auto;
}
.rows::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
}
.rows::-webkit-scrollbar {
  width: 5px;
  height: 13px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.rows::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 28px;
}
.rows::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

这篇关于javascript - 移动端使用overflow-y: auto; 可以滚动，但是没有出现滚动条，怎么让其显示？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！