div視野の画像がクラスの視差で表示されないのはなぜですか？

私はポートフォリオに取り組んでおり、マテリアライズCSSを使用しています。画像に視差効果を与えようとしていますが、クラスの視差を持つdivタグの間の画像は機能しません。誰かが私にそれを理解するのを助けてくれますか？私は本当に助けに感謝します。div視野の画像がクラスの視差で表示されないのはなぜですか？

出典

2017-11-30 Kelyn Paul

あなたは私たちにいくつかのコードを表示することができますか？好ましくは、例えば実施例を作成する。 jsfiddle – giorgio

MaterializeCSSと視差を合わせるために。

1.視差画像を視差容器と視差の内側に配置してください。
2. materialize.jsの前にjQueryをインポートします。
3.最後に視差javaScriptを呼び出します。

<html> 
<head> 
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
</head> 
<body> 
    <div class="parallax-container"> 
    <div class="parallax"><img src="images/parallax1.jpg"></div> 
    </div> 


    <!--Import jQuery before materialize.js--> 
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
<script type="text/javascript" src="js/materialize.min.js"></script> 
<script> 
//Initialise 
     $(document).ready(function(){ 
     $('.parallax').parallax(); 
     }); 
</script> 
</body>

Materialize Parallax Codepen

出典

2018-02-16 20:59:52

div視野の画像がクラスの視差で表示されないのはなぜですか？

答えて

関連する問題