Wie scrollt man ein Bild beim Nach-unten-Scrollen nach oben?

Antwort

Um ein Bild beim Nach-unten-Scrollen nach oben zu scrollen, kannst du die CSS-Eigenschaft `background-attachment` verwenden, wenn das Bild als Hintergrundbild gesetzt ist. Hier ist ein einfaches Beispiel: ```css body { height: 200vh; /* Damit es genug Platz zum Scrollen gibt */ } .background { background-image: url('dein-bild.jpg'); background-size: cover; background-attachment: fixed; /* Bild bleibt fixiert beim Scrollen */ height: 100vh; /* Höhe des sichtbaren Bereichs */ } ``` Wenn du ein Bild in einem `<img>`-Tag hast, kannst du JavaScript verwenden, um das Bild beim Scrollen nach oben zu bewegen. Hier ist ein einfaches Beispiel: ```html <img id="meinBild" src="dein-bild.jpg" style="position: relative; top: 0;"> <script> window.onscroll = function() { var bild = document.getElementById("meinBild"); bild.style.top = window.scrollY + "px"; // Bild bewegt sich nach oben beim Scrollen }; </script> ``` Diese Ansätze helfen dir, das gewünschte Verhalten zu erreichen.

Kategorie: Technik Tags: Scrollen Bild Nachunten
Frage stellen und sofort Antwort erhalten