Line 33: | Line 33: | ||
border-radius: 0; | border-radius: 0; | ||
min-height: calc(100vh - 52px); | min-height: calc(100vh - 52px); | ||
+ | } | ||
+ | |||
+ | .transparent { | ||
+ | background-color: transparent; | ||
} | } | ||
</style> | </style> | ||
Line 38: | Line 42: | ||
<script> | <script> | ||
window.onload = function () { | window.onload = function () { | ||
− | $(" | + | $("#container").scroll(function () { |
− | var scroll = $(" | + | var scroll = $("#container").scrollTop(); |
− | + | if (scroll > 160) { | |
+ | $("#navbar").removeClass("transparent"); | ||
+ | } | ||
}); | }); | ||
} | } | ||
</script> | </script> | ||
− | <div class="foo" style="max-height: 100vh; overflow: auto;"> | + | <div id="container" class="foo" style="max-height: 100vh; overflow: auto;"> |
<div class="as_hero"> | <div class="as_hero"> | ||
<header style="box-shadow: none; background-color: transparent; position: fixed; margin-top: 16px; z-index: 100;"> | <header style="box-shadow: none; background-color: transparent; position: fixed; margin-top: 16px; z-index: 100;"> | ||
− | <nav class="navbar" role="navigation" aria-label="main navigation | + | <nav id="navbar" class="navbar transparent" role="navigation" aria-label="main navigation"> |
<div class="navbar-brand"> | <div class="navbar-brand"> | ||
<a href="https://2019.igem.org/Team:Marburg" class="navbar-item" style="padding: 0; width: 150px;"> | <a href="https://2019.igem.org/Team:Marburg" class="navbar-item" style="padding: 0; width: 150px;"> |
Revision as of 13:54, 17 August 2019
Foo.
Bar.
Baz.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.