2017-03-26 14 views
1

私はWordpressのウェブサイトに既存のテーマとコンテンツを持っています。 私はビデオの背景とテキストをフォアグラウンドでdivがあります。 いくつかのjQueryコードで視差効果を追加したいと思います。 必要に応じて、両方にIDまたはクラスを使用できます。 誰かがコードや関連するチュートリアルを参考にアドバイスできますか? http://scrollmagic.io/examples/advanced/parallax_sections.htmlWordpressのページに視差効果を追加する

その例をチェックしてみて、あなたのウェブサイトでそれらを実装:

答えて

0

これはw3schools.com

<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> 
+0

Thxしかし、あなたはJpegを参照して、私はビデオの背景を使用すると書いています –

0

で提供されています。このウェブサイトは、あなたの答えです。関連するIDとクラスを適切に使用していることを確認してください。

関連する問題