[ad_1]
Machbar ist das – entsprechende Kenntnisse in CSS und JavaScript vorausgesetzt.
In diesem einfachen Beispiel wird die Größe einer Überschrift im Header durch Scrollen geändert. Das lässt sich dann sinngemäß auch auf die Größe des Headers anwenden.
How TO – Resize Header on Scroll
Das JavaScript müsste entsprechend angepasst werden:
<script>
// When the user scrolls down 50px from the top of the document, resize the header's font size
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
document.getElementById("header").style.padding = "10px 10px";
} else {
document.getElementById("header").style.padding = "50px 10px";
}
}
</script>Ich möchte daran erinnern, dass wir hier nicht auf Zuruf Code zur Verfügung stellen und auch keine Grundlagen in PHP, HTML, CSS, JavaScript usw. vermitteln können, weil es den Rahmen sprengen würde.