移动端返回顶部
当页面滚动某个地方，就显示返回顶部图标，否则隐藏
点击可以返回顶部
实现代码跟pc端一致
案例分析：
- 滚动某个地方显示
- 事件：scroll页面滚动事件
- 如果被卷去的头部（window.pageYOffset ）大于某个数值
- 点击，window.scroll(0,0) 返回顶部
//返回顶部模块制作
var goBack = document.querySelector( '.goBack' );
var nav = document.querySelector( 'nav');
window.addEventListener( 'scrol1', function() {
if (window.pageYoffset >= nav.offsetTop) {
goBack.style.display = 'block' ;
} else {
goBack.style.display = 'none';
}
});
goBack.addEventListener( 'click', function() {
window. scro11(0, 0);
})本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2020-10-02 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
