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

Fixed #311 - scrollbars for scroll view

Browse Source
This commit is contained in:
Max Lynch
2013-12-11 16:15:55 -06:00
parent 1e07b821b4
commit 3a801ac955
16 changed files with 719 additions and 516 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
dist/css/ionic.css vendored
View File

@@ -2572,13 +2572,14 @@ body, .ionic-body {
overflow: hidden;
-webkit-backface-visibility: hidden;
margin-top: -1px;
width: auto; }
width: auto;
height: auto; }
.scroll-view {
overflow: hidden;
position: relative;
-webkit-backface-visibility: hidden;
margin-top: -1px;
width: auto; }
margin-top: -1px; }
/**
* Scroll is the scroll view component available for complex and custom
@@ -2602,6 +2603,31 @@ body, .ionic-body {
white-space: nowrap;
-webkit-backface-visibility: hidden; }
.scroll-bar {
position: absolute;
z-index: 9999; }
.scroll-bar-h {
height: 3px;
left: 2px;
right: 2px;
bottom: 0; }
.scroll-bar-h .scroll-bar-indicator {
height: 100%; }
.scroll-bar-v {
width: 3px;
bottom: 2px;
top: 2px;
right: 1px; }
.scroll-bar-v .scroll-bar-indicator {
width: 100%; }
.scroll-bar-indicator {
position: absolute;
background: rgba(0, 0, 0, 0.3);
border-radius: 2px; }
.scroll-refresher {
overflow: hidden;
margin-top: -60px;