即插即用 js隐藏与显示回到顶部（返回顶部）按钮_js/jQuery

资料来源：网络整理时间：2023/3/4 1:04:05 共计：3614 浏览

之前分享过几篇都是关于返回顶部的JQery和javascript代码，今天再来分享一个！

1、jQuery：即插即用返回顶部

2、即插即用 javascript实现滚动下拉一定高度后显示返回顶部，默认不显示

今天要分享的返回顶部也很简单：

window.onscroll = function () {

    if (document.documentElement.scrollTop + document.body.scrollTop > 100) {

        document.getElementById("scrollto").style.display = "block";

    }

    else {

        document.getElementById("scrollto").style.display = "none";

    }

}

scrollto 为页面上“回到顶部”的容器（div标签）

比如：<div id="serollto">返回顶部</div>即可制作出返回顶部的功能！

其实对于返回顶部，使用这样简单的即插即用JS代码，最为方便！

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：jQuery 实现返回顶部滑动跳转效果_js/jQuery | ·下一条：JQuery返回顶部默认隐藏，下拉显示展开JS特效代码_js/jQuery