JavaScript如何实现返回顶部的通用方法

这篇文章主要介绍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如何实现返回顶部的通用方法
转载来于:http://bzwzjz.com/article/igejio.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站设计制作报价 成都商城网站建设 企业网站制作 高端网站设计推广 梓潼网站设计 古蔺网站建设 成都商城网站建设 营销型网站建设 成都网站建设 成都网站设计 成都网站建设 网站制作 定制网站建设多少钱 四川成都网站制作 专业网站建设 成都网站设计公司 网站设计 网站设计制作 网站设计公司 手机网站制作 H5网站制作 成都网站设计