AutoScroll.js – jQuery页面自动滚动插件
简介
在浏览网页时,点击鼠标中间就会出现一个小圆圈,里面有左右上下 4 个箭头,鼠标往箭头指向的方向移动,页面就会按指定的方向自动滚动起来,离箭头越远,速度越快。看小说的时候这是非常有用的,免去了频繁的操作,还不会因为突然滚动一大段距离而找不到刚才看到的地方。
AutoScroll.js 是一个类似的 jQuery 插件,当鼠标移动到浏览器可视区域上端或下端时,页面就能自动滚动。它还可以设置鼠标移动到离可视区域多少范围开始自动,以及滚动间隔、滚动速度、加速度等等。
浏览器兼容
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
标签:jQuery插件