Ionic2 - 以编程方式滚动离子卷轴



我有一个页面,其中有 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
    }
}

我也在这里分叉了它:演示

希望对您有所帮助。

相关内容

  • 没有找到相关文章

最新更新