Question

所以我正在研究我的投资组合，我正在使用Materialise CSS。我试图给我的图像一个视差效果，但我的div标签与类视差之间的图像不起作用。有人可以帮我解决一下吗？我将非常感谢你的帮助。

Answer 1

为了使用MaterialiseCSS处理视差。

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

为什么我的图像在div标签中没有显示类视差？

1 个答案: