scratch
| /file.html |
|---|
| @@ -20,6 +20,8 @@ |
| <link href="bower_components/dropzone/dist/min/dropzone.min.css" rel="stylesheet"> |
| <!-- Local style --> |
| <link href="css/files/style.css" rel="stylesheet"> |
| <!-- Site-wide style CCS --> |
| <link href="css/style.css" rel="stylesheet"> |
| </head> |
| <body> |
| @@ -27,9 +29,10 @@ |
| <div class="container"> |
| <!-- Main component for a primary marketing message or call to action --> |
| <div class="paralax-background"></div> |
| <div class="jumbotron"> |
| <h1>Scratch</h1> |
| <p>Asset sharing platform.</p> |
| <p class="lead">Asset sharing platform</p> |
| </div> |
| <ul class="nav nav-tabs"> |
| @@ -238,5 +241,16 @@ |
| }; |
| }); |
| </script> |
| <script> |
| var jumboHeight = $('.jumbotron').outerHeight(); |
| function parallax(){ |
| var scrolled = $(window).scrollTop(); |
| $('.paralax-background').css('height', (jumboHeight-scrolled) + 'px'); |
| } |
| $(window).scroll(function(e){ |
| parallax(); |
| }); |
| </script> |
| </body> |
| </html> |