Jquery ionic2:<；离子涡旋>；，如何滚动到.ts文件中带有代码的最后一个元素？

以下代码是html段：

<ion-scroll scrollX="true" style="height: 4rem;overflow: scroll; white-space: nowrap;" no-padding *ngIf="treeId" class="bg-style">
        <div *ngFor="let p of progressArray; let i = index;" class="tree-progress">
            <button ion-button clear [color]="getTextColor(i)" class="tree-progress-item">
                {{ p }}
            </button>
            <ion-icon class="tree-progress-arrow" name="ios-arrow-forward-outline" color="arrowColor" *ngIf="checkLast(i)"></ion-icon>
        </div>
</ion-scroll>

然后我导入jquery.scroll到

然后我就这样做了：

ionViewDidLoad() {
    var mainScroll = document.getElementsByClassName('scroll-content')[0];
    var last = mainScroll.firstElementChild.lastElementChild;
    $('.scroll-zoom-wrapper').scrollTo(last, 200);
}

ionViewDidLoad() {
    var mainScroll = document.getElementsByClassName('tree-progress-item');
    var length = mainScroll.length;
    console.log('mainScroll-->' + mainScroll + " length-->" + length);
    if (length > 0) {
        var last = mainScroll[length - 1];
        last.scrollIntoView(true);
    }
}

它不起作用。请帮我解决这个问题，或者准备好例子，以便我参考

---

谢谢大家

我这样解决了这个问题：

ionViewDidLoad() {
    var mainScroll = document.getElementsByClassName('scroll-content')[0];
    var last = mainScroll.firstElementChild.lastElementChild;
    $('.scroll-zoom-wrapper').scrollTo(last, 200);
}

ionViewDidLoad() {
    var mainScroll = document.getElementsByClassName('tree-progress-item');
    var length = mainScroll.length;
    console.log('mainScroll-->' + mainScroll + " length-->" + length);
    if (length > 0) {
        var last = mainScroll[length - 1];
        last.scrollIntoView(true);
    }
}

---

有一个服务可以执行此$ionicScrollDelegate或引用这些链接。我想水平滚动，ion内容不能这样做。谢谢您的回复。@MavericsKosama92，非常感谢。我看到了您今晚发布的链接，我发现一位作者发布了一个答案

元素。scrollIntoView（）

，是的，这个答案对我有很大的帮助。我把我的答案贴到下面。