Uni/WME
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Mobil-Menü (section rückt nach unten)

Browse source
This commit is contained in:
seli 2018-11-04 16:28:43 +01:00
parent e759616791
commit d2765802f4
2 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
index.html
View file

@ -48,7 +48,9 @@
</div> </div>
</nav> </nav>
<div class="page">
<section class="page" id="section">
<h1>World Data Overview ...</h1> <h1>World Data Overview ...</h1>
<p class='text'>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, <p class='text'>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie,
@ -77,7 +79,7 @@
</div> </div>
</div> </section>
<div class="page"> <div class="page">
<footer class="footer"> <footer class="footer">
<div class="foo-left"> <div class="foo-left">

15
js/table.js
View file

@ -268,7 +268,20 @@ function div_change(strID) {
} }
function registerHamburgerToggleClickListener() { function registerHamburgerToggleClickListener() {
let menu = document.querySelector("#menu");
let section = document.querySelector("#section");
document.querySelector("#hamburger-toggle").addEventListener('click', function () { document.querySelector("#hamburger-toggle").addEventListener('click', function () {
document.querySelector("#menu").classList.toggle('active'); if (menu.classList.contains('active')) {
// menu ausblenden
document.querySelector("#menu").classList.remove('active');
section.style.marginTop = 0;
} else {
// menu einblenden
document.querySelector("#menu").classList.add('active');
let height = menu.clientHeight;
section.style.marginTop = height + 10 + 'px'; // + 10 für zusätzlichen abstand (klebt sonst aneinander)
}
}); });
} }