页面中根据滚动条，显示返回顶部图标

最新推荐文章于 2022-12-27 08:57:55 发布

左钦杨

最新推荐文章于 2022-12-27 08:57:55 发布

阅读量1.8k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： javascript

本文链接：https://blog.youkuaiyun.com/sinat_29843547/article/details/47753565

web前端专栏收录该内容

102 篇文章

订阅专栏

本文介绍了一段简单的JavaScript代码，用于在页面滚动时显示或隐藏返回顶部按钮。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

比较简单，直接记录代码

window.onscroll = function(){
                if(document.body.scrollTop>10){
                        $('#go-top').show();
                }
                if(document.body.scrollTop<=10){
                        $('#go-top').hide();
                }
}
function goTop()
{
<span style="white-space:pre">	</span>document.body.scrollTop = 0;
}

示例图