zoukankan      html  css  js  c++  java
  • 微信小程序滚动条设置

    隐藏滚动条

    ::-webkit-scrollbar {
       0rpx;
      height: 0rpx;
      background-color: transparent;
    }
    

    其实设置为宽高为 0 或者背景颜色透明,其中任何一项都可以实现,或者你直接 opacity:0; 也可以,障眼法哈哈哈

    设置滚动条样式

    ::-webkit-scrollbar {
       4px;
      height: 4px;
      color: #ffffff;
    }
    
    /* 设置滚动条轨道 内阴影+圆角 */
    ::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      background-color: #ffffff;
    }
    
    /* 设置滚动条 内阴影+圆角 */
    ::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
      background-color: #39b54a;
    }
    

    The_End

  • 相关阅读:
    软件测试课堂练习1
    安卓增删改查
    安卓数据库表
    安卓注册登录
    安卓购物清单
    安卓计算器
    第四周安卓作业
    第七周作业
    jsp第六周
    第四次jsp作业
  • 原文地址:https://www.cnblogs.com/codehhr/p/13863565.html
Copyright © 2011-2022 走看看