ios微信浏览器-div设置滚动-不出现滚动条的解决办法

最新推荐文章于 2024-08-25 04:02:38 发布

如阿年

最新推荐文章于 2024-08-25 04:02:38 发布

阅读量6.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： html，xml 文章标签： ios 微信浏览器滚动条

本文链接：https://blog.youkuaiyun.com/l1052102729/article/details/55095925

html，xml 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用CSS对滚动条进行高度定制的方法，包括滚动条的尺寸、颜色及不同状态下的样式变化等。通过这种方式可以实现美观且符合网站整体风格的滚动效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<style type="text/css">
.scrolldiv{
height: 85%;
overflow: hidden;
overflow-y: scroll;
}
.scrolldiv::-webkit-scrollbar-track-piece {
  background-color: #FFF;
  border-left: 1px solid #FFF;
}
.scrolldiv::-webkit-scrollbar {
  width: 2px;
  height: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.scrolldiv::-webkit-scrollbar-thumb {
  background-color: #ccc;
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 10px;
}
.scrolldiv::-webkit-scrollbar-thumb:hover {
  background-color: #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
</style>

<div class="scrolldiv">
${activityDesc}
</div>