javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(scrollView): make xy scrolling work on ionScroll and ionContent

Browse Source 
Closes #1462
This commit is contained in:
Andrew Joslin
2014-05-21 13:09:35 -06:00
parent 93e01915c2
commit 49f06f9c3d
4 changed files with 57 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
test/html/scroll.html
View File

@@ -50,9 +50,8 @@
<body ng-controller="ThisCtrl">
<ion-pane>
<ion-content class="has-header" scroll="false">
<ion-scroll class="has-header" direction="xy" style="width:100%;height:50%;">
<h3>Hourly Forecast</h3>
<ion-scroll direction="x" style="width: 100%; height: 20%;">
<div class="hours">
<div ng-repeat="hour in hours">
<div class="icons">
@@ -65,14 +64,57 @@
</div>
</div>
</div>
</ion-scroll>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<br/><p>...</p>
<a class="button" ng-click="scrollTo()">
Scroll to 100
</a>
<ion-scroll direction="y" style="height: 400px; width: 300px; background: red;">
<div style="width: 100px; height: 4000px; background: url('tree_bark.png') repeat"></div>
</ion-scroll>
</ion-content>
</ion-scroll>
</ion-pane>
<script>