Hinzufügen von Parallax-Effekt zu Wordpress-Seite

Question

Ich habe eine Wordpress-Website mit einem bestehenden Thema und Inhalt. In einer Seite habe ich ein div mit einem Videohintergrund und einem Text im Vordergrund. Ich möchte einen Parallax-Effekt durch einige jQuery-Code hinzufügen. Ich kann Id oder Klassen zu beiden von ihnen verwenden, wenn nötig. Kann jemand durch einen Verweis auf Code oder auf ein relevantes Tutorial beraten werden?

Answer 1

Dieses in w3schools.com verfügbar ist

<style> 
.parallax { 
    /* The image used */ 
    background-image: url("img_parallax.jpg"); 

    /* Set a specific height */ 
    height: 500px; 

    /* Create the parallax scrolling effect */ 
    background-attachment: fixed; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
} 
</style> 

<!-- Container element --> 
<div class="parallax"></div> 

Answer 2

Diese Webseite ist Ihre Antwort: http://scrollmagic.io/examples/advanced/parallax_sections.html

Versuchen Sie, ihre Beispiele prüfen und implementieren sie in Ihrer Website. Stellen Sie sicher, dass Sie die zugehörigen IDs und Klassen ordnungsgemäß verwenden.