javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 15:07:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

Scroll fixes

Browse Source
This commit is contained in:
Max Lynch
2013-10-25 13:37:20 -05:00
parent 2219f50e86
commit ab38d805d2
9 changed files with 298 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

135
test/scroll_forms.html
View File

@ -17,7 +17,14 @@
#wrapper {
position: relative;
overflow: hidden;
height: 100%;
position: absolute;
z-index: 1;
top: 44px;
left: 0;
bottom: 0;
width: 100%;
background: #ccc;
overflow: hidden;
}
</style>
</head>
@ -28,7 +35,7 @@
<h1 class="title">Scroll Me</h1>
<a href="#" class="button button-danger button-clear">Delete</a>
</div>
<div id="wrapper" style="margin-top: 44px">
<div id="wrapper">
<div id="scroller" class="scroll">
<div class="list">
<label class="item item-input">
@ -63,6 +70,126 @@
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password">
</label>
</div>
</div>
@ -70,7 +197,7 @@
</section>
<script src="../dist/js/ionic.js"></script>
<script>
var s = document.getElementById('scroller');
var s = document.getElementById('wrapper');
var w = s.scrollWidth;
@ -85,7 +212,7 @@
}
}
var scroll = new ionic.views.Scroll({
var scroll = new ionic.views.ScrollView({
el: s,
});
</script>

2
test/scroll_horiz.html
View File

@ -54,7 +54,7 @@
var scroll = new ionic.views.ScrollView({
el: s,
isHorizontalEnabled: true,
isVerticalEnabled: true
isVerticalEnabled: false
});
</script>
</body>