私は非常にこのように、カードの両方垂直方向と水平方向のスクロールを行うことができるようにしたい：ダウンスクロールY及びXスクロールカード（イオン性又は角度方法）
5行目を示すであろういくつかのカードで。垂直、水平スクロールを行う場合
..を通じて
.jsonは次のようになりますひっくり返す時にカードが所定の位置に収まるならば、それは素晴らしいだろう：
{"first": ["1A"],
"second": ["2A", "2B"],
"third": ["3A", "3B"],
"fourth": ["4A", "4B", "4C", "4D"],
"fifth": ["5A","5B"]}
をこれを行うことができますか？任意のポインタ（チュートリアル、ライブラリ、コード例など）は高く評価されます。
このSolutionはあなたのために働くだろう、それは両方のion-slides、およびion-scrollディレクティブを使用しています。
の世話をするために一つだけ注意事項があります;場合は、各スライダーの初期ページを設定したいあなたはJSONを変更する必要があり、スライダーオプションinitialSlide
HTMLを使用します。
<html ng-app="starter">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />
<title>Card Scroller</title>
<link href="style.css" rel="stylesheet" />
<link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet" />
<script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>
<script src="script.js"></script>
</head>
<body>
<ion-nav-bar class="bar-positive"></ion-nav-bar>
<ion-nav-view></ion-nav-view>
<script id="home.html" type="text/ng-template">
<ion-view view-title="Card Scroller">
<ion-content class="padding" id="content">
<ion-scroll zooming="true" direction="y" class="scrolling-content">
<ion-slides class="card" options="{pagination: false, initialSlide: 0, disableScroll:false}" slider="classA.slider" ng-repeat="slide in mySlides">
<ion-slide-page class="page" ng-repeat="item in slide">
{{item}}
</ion-slide-page>
</ion-slides>
</ion-scroll>
</ion-content>
</ion-view>
</script>
</body>
</html>
JS：
var nameApp = angular.module('starter', ['ionic']);
nameApp.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('home', {
url: '/',
templateUrl: 'home.html',
controller: 'HomeCtrl'
});
$urlRouterProvider.otherwise("/");
});
nameApp.controller('HomeCtrl', function($scope) {
$scope.mySlides = {
"first": ["1A"],
"second": ["2A", "2B"],
"third": ["3A", "3B"],
"fourth": ["4A", "4B", "4C", "4D"],
"fifth": ["5A", "5B"]
}
});
カードのスクロールに問題があるようです。グリップを得るためにカードの間に挟み込む必要がありますが、引っ張った後に戻ってきます。 – Norfeldt
@Norfeldtドラッグ可能です。スクロールしてスクロールするだけですか？私は正確な問題を取得しません – ProllyGeek
申し訳ありませんが、私の初心者の質問ですが、私はちょうどAngularJSとIonicを学んでいます（そして、CSSで少し苦労します）。はい、スワイプをスクロールするには、モバイルとウェブ上のジェスチャーが同じでなければならないので、スクロールする必要がありました。 – Norfeldt
あなたは問題に取り組んでいますか？ – Smit