滚动到水平滚动条中的特定元素 - 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 并使其溢出 x 值滚动，然后使用 scrollTO 方法滚动到特定的 div。