移动端返回顶部
点击可以返回顶部
实现代码跟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);
})
星辰ꦿ.大海