This commit is contained in:
@@ -11,6 +11,20 @@ title: Start
|
|||||||
window.scrollTo({ top: y, behavior: 'smooth' });
|
window.scrollTo({ top: y, behavior: 'smooth' });
|
||||||
}
|
}
|
||||||
|
|
||||||
|
<script>
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
const header = document.querySelector('.md-header');
|
||||||
|
const tabs = document.querySelector('.md-tabs');
|
||||||
|
if (window.scrollY > window.innerHeight * 0.8) {
|
||||||
|
header.style.transform = "translateY(0)";
|
||||||
|
if (tabs) tabs.style.transform = "translateY(0)";
|
||||||
|
} else {
|
||||||
|
header.style.transform = "translateY(-100%)";
|
||||||
|
if (tabs) tabs.style.transform = "translateY(-100%)";
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
// Göm knappen vid scroll
|
// Göm knappen vid scroll
|
||||||
window.addEventListener('scroll', () => {
|
window.addEventListener('scroll', () => {
|
||||||
const button = document.getElementById('scrollButton');
|
const button = document.getElementById('scrollButton');
|
||||||
|
|||||||
@@ -29,3 +29,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.md-header,
|
||||||
|
.md-tabs {
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user