[英]Ionic2 - programmatically scroll an ion-scroll
我有一个页面,其中两个滚动视图彼此相邻:
<ion-content>
<ion-scroll></ion-scroll>
<ion-scroll></ion-scroll>
</ion-content>
我想以编程方式滚动第一个,但似乎scrollTo只是离子含量的一种方法(我当然不能滚动,我需要使第二个独立)
有什么办法解决这个问题?
更新:添加了plnkr以显示我需要什么
如果我没记错的话,您正在尝试滚动“左滚动条”,我看到您有一个名为leftCats
的视图选择器。
因此,如果您只更改一行,就可以滚动。 这是我的代码如下:
注意:这只是普通的javascript。 它跳到滚动位置。 如果以后喜欢,可以应用动画。
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
}
}
我也在这里分叉: DEMO
希望能帮助到你。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.