滚动到水平滚动条中的特定元素- Ionic-2/3

Question

我有一个带有多个div的页脚，可以水平滚动。对于水平滚动，我使用了ion-scroll。现在，如果我单击这些div中的任何一个，那么所有div都会自动滚动，以便将单击的div带到页脚视图的中心位置。

我尝试了scrollTo和scrollIntoView，但它们都不起作用。我需要帮助来完成这个实现。

到目前为止我已经实现的代码。

<ion-footer>
<ion-toolbar>
    <ion-scroll direction="x" scrollX="true" class="wide-as-needed" id="test" overflow-scroll="false">
        <div [attr.id]="'polygon-' + i" *ngFor="let item of myList; let i=index" (click)="OnDivClick(item)" class="PolygonDiv">
            <polygon [summaryList]="item"></polygon>
        </div>
    </ion-scroll>
</ion-toolbar>

​

我循环遍历一个列表，以创建包含自定义组件的多个div。单击这些div中的任何一个，我希望该div自动滚动到页脚的中心。

Answer 1

将ion-scroll更改为ion-content，并将其overflow-x值改为滚动，然后使用scrollTO方法滚动到特定的div。