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

Question

我有一个包含多个div的页脚，可以水平滚动。对于水平滚动，我使用了离子滚动。现在如果我点击这些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-content并使其为overflow-x值进行滚动，然后使用scrollTO方法滚动到特定的div。