参数说明
参数默认值说明
typehorizontal类型(vertical/horizontal/verticalscroll/horizontalscroll)
max1最大值(做滑块时候的最大值)
min0最大值(做滑块时候的最小值)
point0小数位(滑块移动时候显示的小数位)
default0默认值(滑块初始化时候默认显示的值)
pos""(不显示)数字显示位置(滑块移动时候数字显示位置)(top/right/bottom/left)
布局说明:自定义样式的时候,外层包裹层可以设置padding以撑开距离,内层滑块是通过定位实现,如果外层有padding,那么横向滑块的左侧距离一定要需要设置为外层的padding-left的值,其他方向可以随意,同理,纵向滑块如果外层有padding,那么top一定要设置成padding-top的值,其他方向随意。
做滑块时候,回调函数会实时返回移动的定位信息和实时的对应的数值,
做滚动条时候,回调函数会实时返回定位信息和滚动距离信息。
水平滑块(默认样式)
水平滑块(自定义样式)
纵向滑块
滚动条(默认样式)
此处设置了高度以保证有滚动条,如果要设置padding需要在此div上设置
滚动条(修改样式)
比如大屏中有滚动条可以修改宽度让滚动条很窄,或者修改背景颜色等让其与大屏的颜色相匹配