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

feat(scroll): ion-scroll

Browse Source
This commit is contained in:
Max Lynch
2015-07-02 16:50:43 -05:00
parent e9e989ff49
commit c447282ce5
11 changed files with 147 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
ionic/components/scroll/test/basic/main.html Normal file
View File

@@ -0,0 +1,37 @@
<ion-view nav-title="Pull to refresh">
<ion-toolbar>
<ion-title>Scroll</ion-title>
</ion-toolbar>
<ion-content>
<h2>Horizontal</h2>
<ion-scroll scroll-x="true" style="height: 200px">
<div style="height: 200px; width: 2500px; background: url('eight_horns.png') repeat"></div>
</ion-scroll>
<h2>Vertical</h2>
<ion-scroll scroll-y="true" style="width: 200px; height: 500px">
<div style="height: 2500px; width: 200px; background: url('eight_horns.png') repeat"></div>
</ion-scroll>
<h2>Both</h2>
<ion-scroll scroll-x="true" scroll-y="true" style="width: 100%; height: 500px">
<div style="height: 2500px; width: 2500px; background: url('eight_horns.png') repeat"></div>
</ion-scroll>
</ion-content>
</ion-view>
<style>
f { display: block; height: 400px; width: 100%; background-color: #387ef5; margin-bottom: 15px; }
#counter {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 20px;
background-color: rgba(0,0,0,0.4);
z-index: 5;
}
</style>