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> |