Skip to content

基于react开发的滚动列表组件,可自定义滚动条样式、滚动条滑块样式,支持自动滚动,含有按像素滚动、按滚动条条目滚动、拖曳滚动三种滚动模式

Notifications You must be signed in to change notification settings

ouyangcode/ScrollList

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

基于react开发的滚动列表组件,可自定义滚动条样式、滚动条滑块样式,支持自动滚动,含有按像素滚动、按滚动条条目滚动、拖曳滚动三种滚动模式

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 98.2%
  • HTML 1.8%