博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
回到顶部bug
阅读量:5741 次
发布时间:2019-06-18

本文共 1354 字,大约阅读时间需要 4 分钟。

参考自一博客(https://www.cnblogs.com/abao0/p/6642288.html)内有慕课网教程(后发现有bug, 弃置不用了)

以下有问题, 当滚动条处于顶部时, 刷新页面, 回到顶部icon依然会出现.

//Page loading triggerwindow.onload = function () {    var oscrollBtn = document.getElementById('scrollBtn');    var timer = null;    var isTop = true;    //Gets the height of the visible window    var clientHeight = document.documentElement.clientHeight;//Triggered when the scroll bar rolls    window.onscroll = function () {        var osTop = document.documentElement.scrollTop || document.body.scrollTop;        if (osTop >= clientHeight) {            oscrollBtn.style.display = 'block';        } else {            oscrollBtn.style.display = 'none';        }        if (!isTop) {            clearInterval(timer);        }        isTop = false;    }    oscrollBtn.onclick = function () {        //Set timer        timer = setInterval(function () {            //Gets the height of the scroll bar            var osTop = document.documentElement.scrollTop || document.body.scrollTop;            //The scroll bar slows down            var ispeed = Math.ceil(osTop / 6);            document.documentElement.scrollTop = document.body.scrollTop = osTop - ispeed;            isTop = true;            if (osTop == 0) {                clearInterval(timer);            }        }, 30);    }}

 

转载于:https://www.cnblogs.com/yadongliang/p/9313583.html

你可能感兴趣的文章
后端技术精选 - 收藏集 - 掘金
查看>>
Laravel 服务容器
查看>>
mac安装kubernetes并运行echoserver
查看>>
多页架构的前后端分离方案(webpack+express)
查看>>
算法(第4版) Chapter 1
查看>>
前端技术选型的遗憾和经验教训
查看>>
“亲切照料”下的领域驱动设计
查看>>
SRE工程师到底是做什么的?
查看>>
解读:Red Hat为什么收购Ansible
查看>>
PHP json_encode() 函数介绍
查看>>
js动态设置元素高度
查看>>
Ossim下的安全合规管理
查看>>
DelphiWebMVC框架下BPL热部署实现
查看>>
C++与MySQL的冲突
查看>>
siki学习之观察者模式笔记
查看>>
单元测试
查看>>
spring.net 继承
查看>>
ES6:模块简单解释
查看>>
JavaScript indexOf() 方法
查看>>
用Bootstrap写一份简历
查看>>