如何在AngularJS中点击按钮时用$ionicScrollDelegate实现Ionic列表按像素滚动？

经过研究按像素位置控制滚动的实现方案，我已经成功编写并运行了这段Ionic代码：

<ion-tab>
  <ion-nav-view>
    <ion-content delegate-handle="Scroll1" overflow-scroll="false">
      <div>
        <div class="row" collection-repeat="dataitem in Data">
          <div class="col" style="margin:6px 4px !important">
            {{dataitem.DATE | date:'MMM/dd/yyyy'}}
          </div>
          <div class="col" style="margin:6px 4px !important">
            <!-- 此处可补充其他数据字段的展示 -->
          </div>
        </div>
      </div>
    </ion-content>
  </ion-nav-view>
</ion-tab>

顺便提几个核心属性的作用：

• delegate-handle="Scroll1"：给这个滚动容器设置唯一标识，后续可以通过$ionicScrollDelegate.$getByHandle('Scroll1')获取对应的滚动实例，调用scrollTo(x, y, animate)就能精准控制滚动到指定像素位置
• overflow-scroll="false"：关闭原生滚动，使用Ionic的自定义滚动机制，这是实现精准像素滚动的前提
• collection-repeat：如果你的数据量较大，用它替代ng-repeat能大幅提升滚动流畅度，避免列表卡顿

内容的提问来源于stack exchange，提问作者Manish Kumar