ionic 横向滚动 ion-scroll 进度条（步骤）// 根据后台数据控制当前默认滑动到的位置

<ion-scroll zooming="false" direction="x" style="width: 100%;" scrollbar-x='false' delegate-handle="gradeScroll">
<div style='width:600px'>
<div ng-repeat='item in items'>第{{$index}}步</div>
</div>
</ion-scroll>

angular.module('ionicApp', ['ionic']).controller('SlideController', function($scope) {
//回到顶部
$scope.scrollMainToTop = function() {
$ionicScrollDelegate.$getByHandle('myScroll').scrollTop();
};
// 打开页面，默认滑动到的位置 ：
$scope.scrollMain = function() {
$ionicScrollDelegate.$getByHandle('gradeScroll').scrollBy(200,0);
// scrollBy(left,top); 这里的值可以通过后台传来的参数进行计算，
// 假设 一共有6个步骤，那此 案例一共是中间会间隔 6-1 个 平均距离；
// 那每一个中间的间距为 600px/(6-1) ==120px;
// 假如后台传给你是 进行到了 第3步，那你需要向左移动的是 (3-1)*120px //240px;
// 这样，你的 当前步骤就会显示在 当前滚动行的 第一个 位置；
// scrollBy(left,top);
}
$scope.scrollPosition = function() {
$ionicScrollDelegate.$getByHandle('gradeScroll').getScrollPosition();

// 返回 滚动到该视图的位置，具有一下属性：
// left 从左侧到用户已滚动的距离(开始为 0);
// top 从顶部到用户已滚动的距离 (开始为 0);
}

})