chrome支持部分的滚动条修改,但是很多浏览器内核不支持,所以使用js自定义滚动条。
1.横向自定义滚动条
这是未添加数据未更新的时候的样子
添加数据后使用update方法,滚动条长度自动变
下载链接:
KatyLightScrollBox/row.html · KatyLight/组件库 - /KatyLight/Tools/blob/master/KatyLightScrollBox/row.html
2.纵向自定义滚动条
纵向滚动条,更横向滚动条功能一样,额外多了滚动,随着滚动变化,滚动条的位置也会发生相应的位置。
下载链接:
KatyLightScrollBox/col.html · KatyLight/组件库 - /KatyLight/Tools/blob/master/KatyLightScrollBox/col.html