Tengo una página con 2 vistas desplazables una al lado de la otra:
<ion-content> <ion-scroll></ion-scroll> <ion-scroll></ion-scroll> </ion-content>Quiero desplazar programáticamente el primero, pero parece que scrollTo es solo un método en contenido iónico (que, por supuesto, no puedo desplazar, necesito tener el segundo independiente)
¿Hay alguna forma de resolver esto?
actualización: agregó un plnkr para mostrar lo que necesito
Si no me equivoco, está intentando desplazar el Scroller izquierdo y veo que tiene un selector de vista llamado leftCats .
Entonces, si solo cambia una línea, podrá desplazarse. Aquí está mi código a continuación:
NOTA: Esto es simplemente javascript. Salta a la posición de desplazamiento. Puede aplicar animación si lo desea más tarde.
import {Component, ViewChild} from '@angular/core'; @Component({ templateUrl:"home.html" }) export class HomePage implements AfterViewChecked { @ViewChild('content') content; @ViewChild('leftCats') leftItems; constructor() { } scroll() { //I want to scroll the left pane here console.log('scroll'); this.leftItems.scrollElement.scrollTop += 50; // Change This Line } }También lo he bifurcado aquí: DEMO
Espero eso ayude.