简洁的jQuery滚动条插件scrollBar.js

所属分类:UI-滚动

 9548  45  查看评论 (2)
简洁的jQuery滚动条插件scrollBar.js ie兼容9

使用方法:

1. 必须引用的文件:

jquery.js,scrollBar.js,scrollBar.css;

2. 初始化:

1) jquery选择器

.scrollBar();//这是最基本的初始化方法,滚动条为默认的样式

2) jquery选择器

.scrollBar({
    barWidth: 10, //滚动条的宽度(这里根据需要写数值即可,不设置是10,即默认10px)
    position: "x,y", //写“x”代表只出水平滚动条,写“y”表示只出垂直滚动条,写“x,y”则出水平和垂直滚动条(只有在内容超出容器时才出现滚动条)
    wheelDis: 15 //滚轮滚动一次向下或向上滚动的距离,默认是15,可根据需要修改数值
});

3) 说明:本滚动条插件在初始化后会在内容超出容器后自动出现,当内容过少时不会出现滚动条!

相关插件-滚动

jQuery简单的文字跑马灯特效

这是一款非常简单的jQuery文字跑马灯特效插件。该跑马灯特效使文本从右向左不停循环,当鼠标放到跑马灯上的文字时,跑马灯会暂停运动。
  滚动
 108015  76

jQuery滚动堆叠插件jquery.stacked-strips.js

为您的一页滚动网站和单页应用程序创建堆叠滚动效果。当您向下滚动网页时,插件可以逐个滚动固定的页面部分。
  滚动
 6226  37

zepto移动端全屏滚动

移动端整屏滚动效果
  滚动
 7059  16

视觉滚动差效果

纯css3写的滚动视差效果
  滚动
 6806  38

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    xytaizi1230 0
    2018/5/25 17:04:18
    xytaizi1230 0
    2018/5/4 11:43:42
    可以定义滚动位置吗
    比如指定滚动条滚动到某一个位置 回复
取消回复