专栏首页OECOM通过css设置滚动条样式

通过css设置滚动条样式

2017-07-30 03:59:43

在移动端通常情况下滚动条是不显示出来,这样会让一些不明就里的人不知道是否可以滑动查看更多的信息,通过css可以来设置滚动条的样式,并且让它一直显示出来。

.rullContent{
    margin: 0 auto;
    font-size: 13px;
    line-height: 25px;
    color: #24e2fe;
    height: calc(100% - 120px);
    overflow-y: scroll;
    margin-top: 40px;
    width: 80%;
    text-align: justify;
    padding-left: 10px;
    padding-right: 10px;
}
.rullContent::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
}
.rullContent::-webkit-scrollbar {
  width: 5px;
  height: 13px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.rullContent::-webkit-scrollbar-thumb {
  background-color: rgba(204, 204, 204, 0.5);//设置滚动条的颜色
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 28px;
}
.rullContent::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 显示3D文字且左右摆动效果

    图片的进出特效前面介绍过不少,但是没有介绍过文字的特效,今天我来给大家介绍一种特效。相信大家在大街上都看到过店铺的招牌,有的招牌的文字为3D效果,并且后面还能看...

    无邪Z
  • HTML可拖动自定义弹出层

    最近在进行web项目开发过程中,遇到了一个需求,就是需要弹出层可以用鼠标拖动。之前经常做的是弹出一个弹出层来提示用户信息或者是弹出一个弹出层进行登录,缺点是不能...

    无邪Z
  • 什么是BFC

    BFC 就是块级格式上下文,是页面盒模型布局中的一种 CSS 渲染模式,相当于一个独立的容器,里面的元素和外部的元素相互不影响。那么首先先来说一下常见的三种控制...

    无邪Z
  • 5个很常用的CSS3网页小实例

    由于最近比较忙,自己也没有很充裕的时间可以去做比较丰富的案例。我挤出时间来制作这几个很常用的CSS3网页小效果。

    winty
  • html前端之css绘制形状

    纯CSS绘制的图形,有最简单的矩形、圆形和三角形,也有各种常见的多边形,甚至是阴阳太极和网站小图标,非常强大。

    菲宇
  • span不如div的地方

    页面中产生格式化的效果,我一般比较喜欢用span,因为其本身就是inline的,但是,在进行精细控制时就不行了,比如我想要这个效果,每行由三个部分构成:时间,柱...

    用户1075292
  • 为你的WordPress 博客文章页面增加多彩排版条

    不知这个上面这个题目会不会让人产生误解,再说明一下,所谓排版条即是如下面的一个绿色的彩条(当然颜色可以自己设定)。有了这个排版条,能更加容易区分内容文字及总结文...

    Jeff
  • SEO丨PHP外链跳转防止权重转移

    当我们的网站分享出某些比较出名,有用的网站时,除了加Nofollow标签,还能使用什么方法来避免权重转移呢?

    V站CEO-西顾
  • 我和我亲爱的祖国(用CSS来为祖国母亲庆生)

    相信大家最近已经被 《我和我的祖国》 这首歌给刷屏了,鱼头每次在听到这首歌的时候,总会感慨万千,我们伟大的新中国,这70年真的经历了太多太多了。

    陈大鱼头
  • 奇妙的 CSS shapes(CSS图形)

    Sb_Coco

扫码关注云+社区

领取腾讯云代金券