[JS component] create a custom horizontal and vertical scroll bar following the steam style

chrome Support part of the scroll bar modification , But many browser kernels do not support , So use js Custom scroll bar .

1. Horizontal custom scroll bar

This is what it looks like when the data is not added or updated

 

Use after adding data update Method , The scroll bar length changes automatically

Download link ：

KatyLightScrollBox/row.html · KatyLight/ Component library - Gitee.comhttps://gitee.com/KatyLight/Tools/blob/master/KatyLightScrollBox/row.html

2. Vertical custom scroll bar

Vertical scroll bar , More horizontal scrollbars function the same , Extra scrolling , Change as you scroll , The position of the scroll bar will also change accordingly .

  Download link ：

KatyLightScrollBox/col.html · KatyLight/ Component library - Gitee.comhttps://gitee.com/KatyLight/Tools/blob/master/KatyLightScrollBox/col.html