单击固定按钮并平滑地滚动到窗口顶部的功能在前端开发中非常常见,如图中所示:


关键代码:


美元。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 });


以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。