relatively-sticky

commit

51c6a4038a84c905132a5d0138e8bb45410c2275

parent

2beead04206f368b5afb8d50495f5f79fc09e923

Author

leaf corcoran <leafot@gmail.com>

Date

2013-09-11 07:15

add grow button

Diffstat

1 files changed, 11 insertions, 2 deletions

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

@@ -75,10 +75,12 @@
   75    75 <h1>Basic Stick</h1>
   76    76 <div class="container one">
   77    77   <div class="item"></div>
   78    -1   <div class="item full"></div>
   -1    78   <div class="item full" id="grow_1"></div>
   79    79   <div class="item"></div>
   80    80 </div>
   81    81 
   -1    82 <button class="grow_element" data-target="#grow_1">Grow</button>
   -1    83 
   82    84 <h1>Variable</h1>
   83    85 <div class="container one">
   84    86   <div class="item"></div>
@@ -157,7 +159,6 @@
  157   159 
  158   160 <div class="full"></div>
  159   161 
  160    -1 
  161   162 <script type="text/javascript">
  162   163   (function() {
  163   164     var win = $(window);
@@ -198,6 +199,14 @@
  198   199       $(document.body).trigger("sticky_kit:recalc")
  199   200     });
  200   201 
   -1   202 
   -1   203     $(document.body).on("click", ".grow_element", function(e) {
   -1   204       var elm = $($(e.currentTarget).data("target"));
   -1   205       elm.animate({height: elm.height() * 2}, function() {
   -1   206         $(document.body).trigger("sticky_kit:recalc")
   -1   207       });
   -1   208     });
   -1   209 
  201   210   })();
  202   211 </script>
  203   212