ScrollUp是一个轻量级的Jquery插件,能够让用户滚动条滚动到一定的位置时(可设置),右下角出现“滚动到顶部”的按钮,点击后,页面就是慢慢的滚动到顶部,而不是硬生生的直接回到顶部,提高了用户体验。
$(function () {
$.scrollUp();
});
参数 | 说明 |
---|---|
scrollName | 绑定 id,默认为 scrollUp |
topDistance | 滚动条距离顶部多少距离时出现按钮,单位为 px,默认为 300 |
topSpeed | 滚动到顶部的时间,单位为 ms,默认为 300 |
animation | 按钮出现、隐藏的方式,可选 fade(淡入淡出)、slide(滑块)或 none(无) |
animationInSpeed | 按钮出现的时间 |
animationOutSpeed | 按钮隐藏的时间 |
scrollText | 按钮内的文字,默认为 Scroll to top |
activeOverlay | 是否显示参考线,值为十六进制颜色值或 false,默认为 false |
GitHub 地址 : https://github.com/iceoton/scrollup
效果演示及文档 :https://markgoodyear.com/labs/scrollup/