评论

修改滚动条样式

scroll-view

::-webkit-scrollbar {

	  width: 10px;

	  height: 10px;

	  color:#641B00;

	}
	::-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:#641B00;

	}
	::-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:#CEA99B;

	}

添加到指定的wxml即可

最后一次编辑于  2021-08-28  
点赞 2
收藏
评论

2 个评论

  • 安逸
    安逸
    2021-08-28

    好家伙

    2021-08-28
    赞同 1
    回复
  • 嘿嘿
    嘿嘿
    2021-08-28

    2021-08-28
    赞同
    回复 3
    • 栉风
      栉风
      2021-12-15
      .selected-box::-webkit-scrollbar{
        width: 4px;
        height: 10px;
        color: #897871;
      }
      .selected-box::-webkit-scrollbar-track {
        background-color:#FFFFFF;
      }
      .selected-box::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color:#897871;
      }
      前面加类无效怎么解决
      2021-12-15
      回复
    • 嘿嘿
      嘿嘿
      2021-12-23回复栉风
      写当前的wxml或者.vue就可以用的不用加类
      2021-12-23
      回复
    • 栉风
      栉风
      2022-01-03回复嘿嘿
      这个页面部分滚动条需要隐藏,部分滚动条需要重写样式
      2022-01-03
      回复
登录 后发表内容