Ich bin nicht wirklich sicher, wie man die Funktion erklärt, und deshalb war ich auch nicht in der Lage, die Antwort zu suchen (ich habe versucht), aber wie die Titel sagt, wollte ich das ausprobieren Effekt, wenn es sich für ex anfühlt. Der Kopfhintergrund bewegt sich nicht beim Scrollen, sondern die Container, die sich nach oben bewegen? Ein gutes Beispiel ist diese Bootstrap-Vorlage http://wrapbootstrap.com/preview/WB0915821 der Header und auch später der Typ mit der Brille, ich möchte diesen Effekt mit meiner eigenen Website ausprobieren. Könnte mir bitte jemand helfen und mir sagen, dass du diesen Effekt/dieses Kommando nennen würdest?Hintergrund folgt nicht? vielleicht rutscht hinter den divs? nicht sicher, wie man es setzt
Antwort
Wenn ich Sie richtig verstehe, denken Sie an Parallax Scrolling. W3schools hat , um es zu implementieren. Es geht meistens nur darum, ein festes Hintergrundelement zu setzen. Hier ist eines der von ihnen bereitgestellten Beispiele.
<!DOCTYPE html>
<html>
<head>
<style>
body, html {
height: 100%;
}
.parallax {
/* The image used */
background-image: url('img_parallax.jpg');
/* Full height */
height: 100%;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<div class="parallax"></div>
<div style="height:1000px;background-color:red;font-size:36px">
Scroll Up and Down this page to see the parallax scrolling effect.
This div is just here to enable scrolling.
Tip: Try to remove the background-attachment property to remove the scrolling effect.
</div>
<div class="parallax"></div>
</body>
</html>
Wow, danke Benjamin, ich werde es heute Abend versuchen, wenn ich nach Hause komme. Schätzen Sie es sehr – stoffer03
es funktionierte schön! Ich hatte ein paar Probleme damit, es in meinen bereits geschriebenen Code zu mixen, aber ich kam um mich herum. Jetzt ist eine Sache weniger auf meiner Liste wirklich dankbar – stoffer03
try CSS-Eigenschaft background-attachment:fixed auf div-Container.
- 1. Wie setzt man den Hintergrund der Zellen?
- 2. Wie setzt man divs nebeneinander?
- 3. Hintergrund, der nicht hinter schwebenden divs angezeigt wird
- 4. jQuery rutscht nicht nach unten rutscht
- 5. Wie folgt man den Links zu PyQT4?
- 6. Chrome folgt nicht Proxy-Regeln
- 7. Wie man ein Bild als Hintergrund setzt (Allegro 5)
- 8. Zeichnen von Linien Hinter Divs
- 9. Wie man den $ EDITOR zu Klammern setzt
- 10. Nicht sicher, wie man diese Regex macht
- 11. column.OptionsFilter.ImmediateUpdateAutoFilter Wie man es zur Laufzeit setzt
- 12. Nginx folgt nicht Symlinks
- 13. Text von TextBox nicht hinter
- 14. Wie setzt man den Animationszustand zurück?
- 15. Graue Box folgt nicht
- 16. EKEvent folgt nicht EKRecurrenceRule
- 17. Warum erstreckt sich mein Hintergrund nicht hinter meiner Inhaltsbox?
- 18. Wie setzt man div richtig?
- 19. Predis. Wie setzt man den Cyrilic-Schlüssel?
- 20. Wie setzt man den Codemirror Editor zurück?
- 21. Warum passen meine Divs den Standort nicht automatisch an?
- 22. Wie man ein Bild als Hintergrund eines JPanel setzt
- 23. Wie setzt man den logischen Tabellenhintergrund von Scene2d?
- 24. Git Klon erfordert ssh: // Protokoll, wenn es vielleicht nicht sollte?
- 25. form: select setzt den ausgewählten Wert nicht
- 26. OpenGL Rastertext verschwindet hinter Hintergrund
- 27. Merge Gradient Hintergrund für zwei Divs
- 28. Wie man den Knopf auf den Boden von Scrollview setzt
- 29. jQuery .show zeigt den Hintergrund nicht
- 30. Bootstrap Divs stapeln nicht
Parallax scrollen? –
Danke Dani Ich werde es nachschlagen = D – stoffer03