主页 / 问题 / 818517
Accepted
DepressDog
Asked:2020-04-24 14:44:41 +0000 UTC2020-04-24 14:44:41 +0000 UTC

如何在Angular cli 5中滚动更改类

  • 772

您需要在滚动页面时设置块的消失。适用于按钮单击，但不适用于滚动。

.ts 文件

  isActive = 'false';
  t = 0;

@HostListener('document:scroll', ['$event'])
 pageScrolled(isActive){
 let a = this.t += 1;
 isActive = 'true';
 console.log('scrolled', a, isActive);
}

html

<div style="position: fixed; z-index: 500;top: 0; padding: 20px;
background: yellow;" class="app-header"
     [class.active]="!isActive"
     [class.hide]="isActive">

  Example

</div>

angular5

1 个回答

  1. Best Answer

    就我而言，isActive 参数设置不正确

    在广告中更改

    isActive = 'false';

    在

    isActive: boolean = false;

    和跟踪动作

    isActive = 'true';

    在

    this.isActive = true;

    一切都已解决

    • 0

相关问题