返回顶部js代码
为方便网站访问者的网站使体验,很多网站有返回顶部的js调用,有的是使用随屏移动的返回顶部按钮,有的是使用固定的位置提示返回顶部。
这里给大家介绍一个点击网站页面任意空白处返回顶部的代码。这个效果会给网站浏览者更好的浏览体验,比起点击固定位置来的更自由及方便。
以下是js代码,将以下代码放到网站标记中即可。使用前提为,页面上引用了jquery。
$(function(){
var scrollTo = function(top, duration, callback) {
var w = $(window);
var FPS = 50;
var currentTop = w.scrollTop();
var offset = (currentTop - top) / (duration * FPS / 1000);
var n = 0;
var prevTop = currentTop;
var t = setInterval(function() {
if ((prevTop - top) * (currentTop - top) <= 0) {
clearInterval(t);
currentTop = prevTop = top;
w.scrollTop(top);
if (callback) callback();
} else {
prevTop = currentTop;
w.scrollTop(currentTop -= offset);
}
}, 1000 / FPS);
}
$('body').dblclick(function(){
scrollTo(0, 200, function(){
});
$(".textField,#commentForm textarea").focus();
});
$('#container.#footer').dblclick(function(e){e.stopPropagation();});
});