仅滚动事件<body>标签

时间:2019-08-01 09:30:01

标签: typescript angular7

我对window滚动事件监听器有疑问。当我向下滚动时,应将一个类添加到li元素中。但是当我尝试滚动另一个元素时,它的工作原理。我该如何绑定仅访问body = window滚动的事件。有什么建议吗? 这是示例:

ngOnInit() {

    window.addEventListener('scroll', this.scroll, true);
  }

  ngOnDestroy() {
    window.removeEventListener('scroll', this.scroll, true);
  }

  scroll = (event: any): void => {
    const content = document.querySelector('.main__sidebar li:first-child');
    const scroll = document.querySelector('#cp_main').scrollTop;
    console.log(scroll);
    if (scroll !== 0) {
      content.classList.add('no_padding');
    } else {
      content.classList.remove('no_padding');
    }
  };

0 个答案:

没有答案