Alternative for content.addScrollEventListener in RC4

marcusvbp · December 16, 2016, 12:27pm

Hello friends.

I have a Directive that use Content.addScrollEventListener to monitorate the scroll content.

marcusvbp/hsonscroll-ionic/blob/master/hsonscroll.ts#L69


  if (this.initialMarginTop == "0") {
    positiveScroll = this.showin;
  } else {
    positiveScroll = this.initialScrollTop + this.showin;
  }
  if (positiveScroll > this.target.getContentDimensions().scrollHeight) {
    positiveScroll = this.target.getContentDimensions().scrollHeight;
  }
  negativeScroll = Math.max(0,this.initialScrollTop-this.hidein);
}


let opacity:number = 0;
let increase:number = (1+opacity)/this.showin;
this.target.ionScroll.subscribe(($event: any) => {
  if (this.animationType == "fade") {
    if (!this.relative) {
      this.target._scrollEle.style.marginTop = "0";
      this.target._scrollEle.style.marginTop = "0 !important";
      this.renderer.setElementStyle(this.el.nativeElement, 'marginTop', this.initialMarginTop);
      opacity = increase*this.target.getContentDimensions().scrollTop;
      if (this.target.getContentDimensions().scrollTop >= this.showin) {

But after upgrade to Ionic 2 RC4, “addScrollEventListener” is not available anymore.

What is the best substitute for this functionality?

Thanks.

reedrichards · December 16, 2016, 12:36pm

See my last post there, that worked for me with the nightly-build:

marcusvbp · December 16, 2016, 9:33pm

Thanks mate, it worked fine

Topic		Replies	Views
Ionic 2 rc4 addScrollListener ionic-v3	17	5634	September 25, 2017
Replacement for ‘addScrollListener’? ionic-v3	12	2634	December 2, 2022
Scrolling event in ion-content ionic-v3	19	42133	December 2, 2022
ionScroll, ion-content and directive ionic-v1	3	1223	March 27, 2017
Scroll content listener ionic --version 2.1.4 ionic-v3	0	503	February 14, 2017

Alternative for content.addScrollEventListener in RC4

Related topics