added fade out on scroll - we can pull this if you prefer it

hc5duke · Jul 24, 2012 · c98b75c · c98b75c
1 parent e38fa4b
commit c98b75c
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js
@@ -6,6 +6,17 @@
 
   $(function(){
 
+    // fancy fade jumbotron
+
+    var $jumbotron  = $('.jumbotron')
+      , $jcontainer = $('.jumbotron .container')
+      , opacRatio   = ($jumbotron.height() / 200 ) * 2
+
+    $(window).on('scroll', function () {
+      var diff = 100 - ($(window).scrollTop() / opacRatio)
+      $jcontainer.css({ opacity: (diff > 0 ? Math.min(diff, 100) : 0) / 100 })
+    })
+
     // Disable certain links in docs
     $('section [href^=#]').click(function (e) {
       e.preventDefault()