直接从新浪手机版拔下来的js返回顶部代码,每个3秒钟会自动消失,只要一滚动又会自动出现。至于css和html自己写了,这里只放出js代码,我爱模板网将它简单封装成函数,方便使用,代码主体是:
function gotop(goTopId) {
var toTopEle = document.getElementById(goTopId),
removeTimer = 0;
window.addEventListener('scroll',
function(){
if (document.body.scrollTop > window.innerHeight) {
toTopEle.style.display = 'block';
if (removeTimer) {
clearTimeout(removeTimer);
}
removeTimer = setTimeout(function() {
toTopEle.style.display = 'none';
},
3000);
} else {
toTopEle.style.display = 'none';
}
});
toTopEle.addEventListener('click',
function() {
window.scrollTo(0, 0);
},
false);
}
调用代码为:
gotop('gotop'); //这里传的参数,就是您的返回顶部的ID