piano (@pianoisland)纯css返回顶部 中发帖

难点有两个。 
第一个是小难点:平滑滚动,对应的js一般为:
const backToTop = document.querySelector('#back-to-top')
backToTop.addEventListener('click', () => {
window.scrollTo({
top: 0,
behavior: 'smooth'
})
})

这个可以用scroll-behavior: smooth;一行代码解决。
第二个是大难点:监听滚动条,当滚动条向下滚动超过100px时,“返回顶部”的图标按钮显示,对应js一般为:
const backToTop = document.querySelector('#back-to-top')
window.addEventListener('scroll', () => {
if (wind...