ngx-perfect-scrollbar show скрыть нижний колонтитул - PullRequest
Новая
       7

ngx-perfect-scrollbar show скрыть нижний колонтитул

0 голосов
/ 08 октября 2019

Я пытаюсь заставить нижний колонтитул скользить в зависимости от прокрутки. Пока единственное, что мне нужно для работы, это показать нижний колонтитул с psYReachEnd , но как мне «сказать» нижнему колонтитулу выдвинуться назад, когда я прокрутил на ex 100px вверх? 

public onReachEnd(): void {
this.zone.run(() => {
  this.status = true;
});
console.log('show footer');}




<perfect-scrollbar (psYReachEnd)="onReachEnd()"><div>content</div><div id="footer" class="container-fluid" [ngClass]="status ? 'show' : 'hide'">footer content</div></perfect-scrollbar>

1 Ответ

0 голосов
/ 09 октября 2019

Наконец-то понял. Если кому-то еще интересно, вот рабочее решение (для меня) 

constructor(private zone: NgZone) {}

status = false;

@HostListener('scroll', ['$event'])
onScrollY(event) {
if (event.target.offsetHeight + event.target.scrollTop >= event.target.scrollHeight) {
  this.zone.run(() => {
    this.status = true;
  });
} else {
  this.zone.run(() => {
   this.status = false;
 });
}
}




<perfect-scrollbar (psScrollY)="onScrollY($event)">
   <div [ngClass]="status ? 'show' : 'hide'">content</div>
</perfect-scrollbar>

ps: если есть еще одно угловое решение, пожалуйста, напишите

...