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)