这篇文章主要介绍JavaScript如何实现返回顶部的通用方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
创新互联公司专业为企业提供六合网站建设、六合做网站、六合网站设计、六合网站制作等企业网站建设、网页设计与制作、六合企业网站模板建站服务,十余年六合做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
function backTop(btnId) {
var btn = document.getElementById(btnId);
var d = document.documentElement;
var b = document.body;
window.set;
btn.style.display = "none";
btn.{
btn.style.display = "none";
window.null;
this.timer = setInterval(function() {
d.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) * 0.1);
b.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) * 0.1);
if (d.scrollTop + b.scrollTop == 0)
clearInterval(btn.timer, (window.set));
}, 10);
};
function set() {
btn.style.display = d.scrollTop + b.scrollTop > 100 ? "block" : "none";
}
}
backTop("goTop");
以上是“JavaScript如何实现返回顶部的通用方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
分享标题:JavaScript如何实现返回顶部的通用方法
URL网址:https://www.cdcxhl.com/article0/igejio.html
成都网站建设公司_创新互联,为您提供自适应网站、网站设计、服务器托管、搜索引擎优化、品牌网站制作、ChatGPT
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联