Ionic2 - 以编程方式滚动离子滚动-Java 学习之路

我有一个页面，其中有两个可滚动的视图彼此相邻：

<ion-content>
   <ion-scroll></ion-scroll>
   <ion-scroll></ion-scroll>
</ion-content>

我想以编程方式滚动第一个，但似乎scrollTo只是一个离子内容的方法（我当然不能滚动，我需要第二个独立）

有什么方法可以解决这个问题吗？

更新：添加a plnkr以显示我需要的内容

1 回答

如果我没有弄错你正在尝试滚动左滚动条，我看到你有一个名为 leftCats 的视图选择器 .

因此，如果您只更改一行，您就可以滚动 . 这是我的代码如下：

NOTE: 这只是简单的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

希望能帮助到你 .

回复于 2024-05-04T19:36:22+08:00

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

1 回答

相关问题