Materialize.cssで視差効果を取得するための特別な画像が必要ですか？私は<a href="http://materializecss.com/parallax.html" rel="nofollow noreferrer">Materialize CSS.</a></p> <p>私のコードを使用しています

Question

：

<div class="parallax-container"> 
    <div class="parallax"> 
     <img src="../../public/assets/img/mount.jpg" />   
    </div>  
</div> 

<div class="parallax-container"> 
    <div class="parallax"> 
     <img src="http://www.mrwallpaper.com/wallpapers/landscape-georgia.jpg"> 
    </div> 
</div> 

のみ第2の画像が最初のものは同じ速度で動くように見えるのに対し、スクロールしながら、視差効果を得るように思われます。 mount.jpgは私のコンピュータのランダムな画像です。

そしてもちろん私はjavascriptで視差を初期化しました。

Answer 1

私はここにあなたのフィドルhttps://jsfiddle.net/nmdd876c/2/

すべての罰金を更新します。私はあなたの外部リソースを修正するだけあなたのhtmlの&をクリーンアップします。

<!-- Compiled and minified CSS --> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/css/materialize.min.css"> 

<!-- Compiled and minified JavaScript --> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/js/materialize.min.js"></script> 

私もそれがうまく働いて&異なる画像を試してみてください。