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

分类:代码 日期:

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

演 示 下 载

简介

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

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

浏览器兼容

IE Chrome Firefox Opera Safari
IE6+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔

使用方法

1、引入文件

<script src="js/jquery.min.js"></script>
<script src="js/autoscroll.js"></script>

2、JavaScript

window.autoscroll.start(); //启用
window.autoscroll.stop(); //停止

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

window.autoscroll.interval = 25; //滚动间隔
window.autoscroll.threshold = 100; //浏览器上下两端阈值
window.autoscroll.velocity = 5; //滚动速度
window.autoscroll.acceleration = 0; //加速度

Github 地址:https://github.com/withassociates/autoscroll.js

标签:
查看演示

下载本素材需消耗 50 积分

无法下载?立即反馈