建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery向上滚动插件jquery.scrollUp.js

来源:易助科技网浏览量:25收藏

简介


ScrollUp是一个轻量级的Jquery插件,能够让用户滚动条滚动到一定的位置时(可设置),右下角出现“滚动到顶部”的按钮,点击后,页面就是慢慢的滚动到顶部,而不是硬生生的直接回到顶部,提高了用户体验。


JQuery向上滚动插件jquery.scrollUp.js-示例图



使用


1.  引入 jquery 和 scrollUp 文件


2.  调用


$(function () {
  $.scrollUp();
});


3.  参数


参数说明
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/