window.onscroll在Nuxt.js中的Safari和iOS中不起作用

Question

我正在创建粘性标头，以下代码在Chrome和Firefox中有效，但在Safari（台式机）或iOS上无效。

mounted() {
  window.onscroll = () => {
    console.log('scrolling');
    if (document.documentElement.scrollTop > 0) {
      this.scrolling = true;
    } else {
      this.scrolling = false;
    }
  };
},

我认为这可能是Nuxt window的问题，但事实是在其他浏览器中都可以使用，这使我认为并非如此。

我也尝试过

window.addEventListener('scroll', () => {
  console.log('scrolling');
})

没有成功

Answer 1

我修复了。

(document.documentElement.scrollTop > 0 || document.body.scrollTop > 0)