您好,欢迎来到[编程问答]网站首页   源码下载   电子书籍   软件下载   专题
当前位置:首页 >> 编程问答 >> Web开发 >> (html)移动端使用overflow-y: auto; 可以滚动,但是没有出现滚动条,怎么让其显示?

(html)移动端使用overflow-y: auto; 可以滚动,但是没有出现滚动条,怎么让其显示?

来源:网络整理     时间:2016/7/15 0:01:45     关键词:

关于网友提出的“ (html)移动端使用overflow-y: auto; 可以滚动,但是没有出现滚动条,怎么让其显示?”问题疑问,本网通过在网上对“ (html)移动端使用overflow-y: auto; 可以滚动,但是没有出现滚动条,怎么让其显示?”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题: (html)移动端使用overflow-y: auto; 可以滚动,但是没有出现滚动条,怎么让其显示?
描述:

我不管,我要滚动条!!!!


解决方案1:

overflow-y:scroll

解决方案2:

可以使用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;
}

以上介绍了“ (html)移动端使用overflow-y: auto; 可以滚动,但是没有出现滚动条,怎么让其显示?”的问题解答,希望对有需要的网友有所帮助。
本文网址链接:http://www.codes51.com/itwd/2647219.html

相关图片

相关文章