数码资讯
jQuery平滑滚动到顶部插件使用详细的解决方案
单击固定按钮并平滑地滚动到窗口顶部的功能在前端开发中非常常见,如图中所示: 关键代码: 美元。fn.scrollto =功能(选项){ var默认值= { 合计:0滚动目标位置 durtime:500 / /过渡时间 Delay:30 定时器时间 回调函数:null回调函数 }; VaR选择=美元。
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
单击固定按钮并平滑地滚动到窗口顶部的功能在前端开发中非常常见,如图中所示:
关键代码:
美元。fn.scrollto =功能(选项){
var默认值= {
合计:0滚动目标位置
durtime:500 / /过渡时间
Delay:30 定时器时间
回调函数:null回调函数
};
VaR选择=美元。扩展(默认值,选择),
计时器= null,
这_this =,
curtop =(_this。scrollTop),滚动条的当前位置/ /
subtop = opts.tot - curtop / /目标位置和滚动的当前位置之间的差异。
索引= 0,
在math.round =(opts.durtime /选择。延迟),
smoothscroll =函数(T){
索引+;
无功/ = math.round(subtop /片);
如果(指数= DUR){
_this.scrolltop(T);
window.clearinterval(定时器);
如果(opts.callback型opts.callback = = 'function){
Opts.callback();
}
返回;
{人}
_this.scrolltop(curtop +指数每*);
}
};
定时器= window.setinterval(函数(){()
smoothscroll(选择。TOT);
}, opts.delay);
返回_this;
};
调用
$(体)。ScrollTo({合计:0 });
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。
关键代码:
美元。fn.scrollto =功能(选项){
var默认值= {
合计:0滚动目标位置
durtime:500 / /过渡时间
Delay:30 定时器时间
回调函数:null回调函数
};
VaR选择=美元。扩展(默认值,选择),
计时器= null,
这_this =,
curtop =(_this。scrollTop),滚动条的当前位置/ /
subtop = opts.tot - curtop / /目标位置和滚动的当前位置之间的差异。
索引= 0,
在math.round =(opts.durtime /选择。延迟),
smoothscroll =函数(T){
索引+;
无功/ = math.round(subtop /片);
如果(指数= DUR){
_this.scrolltop(T);
window.clearinterval(定时器);
如果(opts.callback型opts.callback = = 'function){
Opts.callback();
}
返回;
{人}
_this.scrolltop(curtop +指数每*);
}
};
定时器= window.setinterval(函数(){()
smoothscroll(选择。TOT);
}, opts.delay);
返回_this;
};
调用
$(体)。ScrollTo({合计:0 });
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。