vue中如何修改滚动条的整体长度?

新手上路,请多包涵

如图,想修改横向滚动条的整体长度
图片.png
目前我使用css伪类选择器只能修改颜色和宽度之类的,长度修改不了,效果如下图
图片.png

/* 设置滚动条的样式 */
        ::-webkit-scrollbar {
          width: 4px;
          height: 4px;
        }
        /* 滚动槽 */
        ::-webkit-scrollbar-track {
          border-radius: 2px;
          background: #f4f4fa;
        }
        /* 滚动条滑块 */
        ::-webkit-scrollbar-thumb {
          border-radius: 2px;
          background: #da1572;
        }

有什么方法能修改长度吗?

阅读 3.2k
1 个回答
::-webkit-scrollbar-thumb {
  width: 100px; // 改这里试试
  border-radius: 2px;
  background: #da1572;
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏