jquery平滑滚动到顶部插件使用详解
点击一个固定按钮，平滑的滚动到窗口顶部的这种功能，在前端开发是相当常见的，如图：
关键代码：
$.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 });
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
我有一个按钮，当点击应该平滑地滚动到顶部。平稳过渡并不奏效。现场网站。-->http://acetronaut.com 这里还有一个代码页。不管用。https://codepen.io/anon/pen/lbpwrv HTML： CSS： jQuery：
-
问题内容： 有没有一种方法可以使用jQuery向下滚动到锚链接？ 喜欢： ？ 问题答案： 这是我的方法： 然后，您只需要像这样创建锚：
-
问题内容： 我一直在尝试滚动到div id jquery代码以正常工作。基于另一个堆栈溢出问题，我尝试了以下操作 但这没有用。它只是捕捉到div。我也试过 没有进展。 问题答案： 您需要设置动画
-
我有第10个项目作为列表视图中可见的顶部。我需要平滑滚动到顶部的项目。当我执行以下操作时，它只是停留在从顶部开始的第6个项目左右，不会滚动到顶部。
-
本文向大家介绍jquery实现图片平滑滚动详解，包括了jquery实现图片平滑滚动详解的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了jquery图片平滑滚动效果的具体代码，供大家参考，具体内容如下 随便写了个DOM，没有美观性，见谅 原理： 1、定义两组ul列表放图，第一个ul放5张图，第二个ul为空 2、为什么要用两个ul？因为要用到jQuery的克隆方法clone()。把第一个
-
本文向大家介绍使用jquery animate创建平滑滚动效果（可以是到顶部、到底部或指定地方），包括了使用jquery animate创建平滑滚动效果（可以是到顶部、到底部或指定地方）的使用技巧和注意事项，需要的朋友参考一下 采用锚点进行页面中的跳转的确很方便，但是要想增加网页的效果，可以使用jquery中的animate，实现滚动的一个动作，慢慢的滚动到你想跳转到的位置，从而看起来会非常高大上