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

Horizontal and some scroll tweaks

Browse Source
This commit is contained in:
Max Lynch
2013-10-25 10:50:17 -05:00
parent b78b76ca9a
commit e0cf20abfd
4 changed files with 204 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
test/scroll.html
View File

@@ -38,7 +38,7 @@
for(var i = 0; i < 100; i++) {
var li = document.createElement('li');
li.className = 'list-item';
li.className = 'item';
li.innerHTML = 'Item ' + i;
s.firstElementChild.appendChild(li);
}

22
test/scroll_horiz.html
View File

@@ -24,22 +24,30 @@
<a href="#" class="button button-danger button-clear">Delete</a>
</div>
<div id="scroller" class="scroll" style="margin-top:44px">
<div id="filler" style="width: 1400px; height: 300px; background: url('tree_bark.png') repeat;"></div>
<div id="filler" style="width: 4400px; height: 300px; background: url('tree_bark.png') repeat;"></div>
</div>
</section>
<script src="../dist/js/ionic.js"></script>
<script>
var s = document.getElementById('scroller');
for(var i = 0; i < 100; i++) {
var li = document.createElement('li');
li.className = 'list-item';
li.innerHTML = 'Item ' + i;
s.firstElementChild.appendChild(li);
var w = s.scrollWidth;
for(var i = 0; i < w; i++) {
if((i % 500) === 0) {
var l = document.createElement('span');
l.innerText = i + 'px'
l.style.position = 'absolute';
l.style.left = i + 'px';
l.style.top = '20px';
s.appendChild(l);
}
}
var scroll = new ionic.views.ScrollView({
el: s
el: s,
isHorizontalEnabled: true,
isVerticalEnabled: false
});
</script>
</body>