1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > js控制的回到页面顶端goTop的代码实现【javascript】

js控制的回到页面顶端goTop的代码实现【javascript】

时间:2021-06-17 22:56:21

相关推荐

js控制的回到页面顶端goTop的代码实现【javascript】

web前端|js教程

顶端,顶部

web前端-js教程

有没有见过很多在页面的右下角有个【回到顶端】的悬浮东东,并且在开始时没有,一移动滚动条就出现,回到了顶端又消失的样子。

像:

控制的js代码如下:

php模板源码有哪些,ubuntu 添加库路径,爬虫检索系统,imap php 启用,seo外链群lzw

function goTop(){

var _btn = document.getElementById("goTop");

if (document.documentElement && document.documentElement.scrollTop) {

var _con = document.documentElement;

} else if (document.body) {

var _con = document.body;

}

window.onscroll = set;

_btn.style.left = document.documentElement.scrollWidth/2 + 500 + "px";

_btn.onclick = function (){

_btn.style.display = "none";

window.onscroll = null;

this.timer = setInterval(function() {

_con.scrollTop -= Math.ceil(_con.scrollTop * 0.3);

if (_con.scrollTop == 0) clearInterval(_btn.timer, window.onscroll = set);

},10);

};

function set() {

_btn.style.display = _con.scrollTop ? lock: "none";

}

};

document.write("

易语言360云盘源码,ubuntu桌面 全部卡住,爬虫爬ip地址,仓库php,苏州首页seolzw

部“);

window.onscroll = goTop;

葡京代理系统源码,ubuntu 中文软件,tomcat采用什么写的,实时网站爬虫,php是什么语言开发的,韶关市seo优化怎么做lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。