基于react开发的滚动列表组件,可自定义滚动条样

ScrollList

1.使用方法:复制src目录下的scrollList.jsx到项目并引入。

2.示例:

3.配置参数:

autoScroll:false 是否自动滚动列表,默认为false

width:'200px' 列表的高度

height:'300px' 列表的宽度

scrollBarStyle:{} 列表滚动条的样式

scrollSliderStyle:{} 列表滚动条滑块的样式

autoScrollType:'' 自动滚动列表的模式('scrollByPx':每次滚动一定的像素的高度,'scrollByItem':每次滚动一个条目的高度;默认为scrollByPx)

time:10000 滚动完整个列表所需要的时间,单位为ms

scrollType:'' 滚轮滚动列表的模式('scrollByPx':每次滚动一定的像素的高度,'scrollByItem':每次滚动一个条目的高度;默认为scrollByPx)

dragAble:'' 列表是否可以拖曳滚动,默认为false

scrollOncePx:10 滚轮滚动一次列表滚动的高度,默认为20,scrollByPx模式下生效

alwaysShowScrollBar:true 是否一直显示滚动条,默认为false

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。