宝哥软件园

jquery平滑滚动到顶部插件使用详解

编辑:宝哥软件园 来源:互联网 时间:2021-09-05

点击一个固定按钮,平滑的滚动到窗口顶部的这种功能,在前端开发是相当常见的,如图:

关键代码:

$.fn.scrollTo=函数(选项){ var默认值={ toT: 0,//滚动目标位置durTime: 500,//过渡动画时间delay: 30,//定时器时间callback: null /回调函数};var opts=$ .扩展(默认值,选项),timer=null,_this=this,curTop=_this.scrollTop(),//滚动条当前的位置subTop=opts.toT - curTop,//滚动条目标位置和当前位置的差值index=0,dur=数学。圆形(opts。durtime/opts。延迟),平滑滚动=函数(t){ index;var per=数学。回合(SubTop/dur);if(index=dur){ _ this。滚动顶部(t);window.clearInterval(计时器);if (opts。回调类型的选择。回调=='function') { opts。回调();}返回;} else { _ this。滚动顶部(curTop索引* per);} };定时器=窗口。set interval(function(){ smooth scroll(opts)。ToT));},选择。延迟);return _ this };//调用$(“正文”).滚动到({ ToT : { 0 });以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

更多资讯
游戏推荐
更多+