html form autoscroll,AutoScroll.js – jQuery页面自动滚动插件

AutoScroll.js – jQuery页面自动滚动插件

分类:代码

日期:2016-08-02

点击(38,233)

下载(1)

来源:未知

收藏

e1622e2c03df641ea814b5e2171d6153.png

简介

在浏览网页时,点击鼠标中间就会出现一个小圆圈,里面有左右上下 4 个箭头,鼠标往箭头指向的方向移动,页面就会按指定的方向自动滚动起来,离箭头越远,速度越快。看小说的时候这是非常有用的,免去了频繁的操作,还不会因为突然滚动一大段距离而找不到刚才看到的地方。

AutoScroll.js 是一个类似的 jQuery 插件,当鼠标移动到浏览器可视区域上端或下端时,页面就能自动滚动。它还可以设置鼠标移动到离可视区域多少范围开始自动,以及滚动间隔、滚动速度、加速度等等。

浏览器兼容

f202f6f12fbb3cd130ad8b995ec3a8e2.png

c8e02166e3b744cae420373f8d57f4b6.png

15f53eb67196e5334a7af5d8aba571da.png

c0165f4b5bac6d21f3a648d51bec7f94.png

199223e023ae3dc2b3ddb11aad94064b.png

IE6+ ✔

Chrome ✔

Firefox ✔

Opera ✔

Safari ✔

使用方法

1、引入文件

2、JavaScript

window.autoscroll.start(); //启用

window.autoscroll.stop(); //停止

需要更改配置,可如下使用:

window.autoscroll.interval = 25; //滚动间隔

window.autoscroll.threshold = 100; //浏览器上下两端阈值

window.autoscroll.velocity = 5; //滚动速度

window.autoscroll.acceleration = 0; //加速度