relatively-sticky

A jQuery plugin for creating smart sticky elements
git clone https://git.ce9e.org/relatively-sticky.git

commit
1fb90483fdf8f52067efec9851506b93d716e96f
parent
5925e1988a1bfcdb91f24209e08d60a096b1807f
Author
leaf corcoran <leafot@gmail.com>
Date
2014-11-10 22:02
custom spacer test

Diffstat

M test/index.html 28 ++++++++++++++++++++++------

1 files changed, 22 insertions, 6 deletions


diff --git a/test/index.html b/test/index.html

@@ -8,12 +8,7 @@
    8     8       border: 1px solid red;
    9     9     }
   10    10 
   11    -1     .item {
   12    -1       display: inline-block;
   13    -1       zoom: 1;
   14    -1       *display: inline;
   15    -1 
   16    -1       vertical-align: top;
   -1    11     .item, .static {
   17    12       border: 1px solid blue;
   18    13       min-width: 200px;
   19    14       min-height: 200px;
@@ -23,6 +18,13 @@
   23    18         inset 0 -30px 20px -20px rgba(0,0,0,0.2);
   24    19     }
   25    20 
   -1    21     .item {
   -1    22       display: inline-block;
   -1    23       zoom: 1;
   -1    24       *display: inline;
   -1    25       vertical-align: top;
   -1    26     }
   -1    27 
   26    28     .item.float {
   27    29       display: block;
   28    30       border: 1px solid rgb(255,255,0);
@@ -33,6 +35,11 @@
   33    35       float: right;
   34    36     }
   35    37 
   -1    38     .item.block {
   -1    39       display: block;
   -1    40       border: 1px solid rgb(0,255,255);
   -1    41     }
   -1    42 
   36    43     .clearfix {
   37    44       overflow: hidden;
   38    45       display: block;
@@ -157,6 +164,15 @@
  157   164   <div class="item full"></div>
  158   165 </div>
  159   166 
   -1   167 
   -1   168 <h1>Custom Spacer</h1>
   -1   169 <div class="container one">
   -1   170   <div class="item block">
   -1   171     <iframe src="http://leafo.net" frameborder="0"></iframe>
   -1   172   </div>
   -1   173   <div class="full static" style="margin: 10px auto; width: 400px;"></div>
   -1   174 </div>
   -1   175 
  160   176 <div class="full"></div>
  161   177 
  162   178 <script type="text/javascript">