没流泪，不代表没眼泪；无所谓，不代表无所累。这个世界本就邋遢，所以没有什么可怕。每个人都有无法发泄的苦涩，都有无力排解的抑郁，而生活在那里的我们，哪一个不是拼尽全力，甚至不择手段地活着。
点击一个固定按钮，平滑的滚动到窗口顶部的这种功能，在前端开发是相当常见的，如图：
关键代码：
$.fn.scrollTo = function(options) {
var defaults = {
toT: 0, //滚动目标位置
durTime: 500, //过渡动画时间
delay: 30, //定时器时间
callback: null //回调函数
};
var opts = $.extend(defaults, options),
timer = null,
_this = this,
curTop = _this.scrollTop(), //滚动条当前的位置
subTop = opts.toT - curTop, //滚动条目标位置和当前位置的差值
index = 0,
dur = Math.round(opts.durTime / opts.delay),
smoothScroll = function(t) {
index++;
var per = Math.round(subTop / dur);
if (index >= dur) {
_this.scrollTop(t);
window.clearInterval(timer);
if (opts.callback && typeof opts.callback == 'function') {
opts.callback();
}
return;
} else {
_this.scrollTop(curTop + index * per);
}
};
timer = window.setInterval(function() {
smoothScroll(opts.toT);
}, opts.delay);
return _this;
};
//调用
$("body").scrollTo({ toT: 0 });
到此这篇关于jquery平滑滚动到顶部插件使用详解就介绍到这了。笑对人生，把一切都看淡，但却又放在了心里整理。更多相关jquery平滑滚动到顶部插件使用详解内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！