【Nuxt】Nuxt3 中监听 document 滚动报错 document is not defined

解决方法

添加 process.client 用于判断

// process.client 用于判断是否在客户端渲染
if (process.client) {
  _.throttle(() => {
    document.addEventListener('scroll', () => {
      // console.log('scroll', window.scrollY)
      const linkBtn = document.querySelector('.link-btn') as HTMLElement
      if (linkBtn) {
        // 当前页面是首页时，滚动到 864px 时显示右侧按钮
        if (window.location.pathname === '/') {
          if (window.scrollY > 864) {
            linkBtn.style.display = 'block'
          } else {
            linkBtn.style.display = 'none'
          }
        } else {
          linkBtn.style.display = 'block'
        }
      }
    })
  }, 100)()
}