我有一个页面,其中有 2 个相邻的可滚动视图:
<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
}
}
我也在这里分叉了它:演示
希望对您有所帮助。