2017-11-30 5 views
0

내 포트폴리오에서 작업 중이므로 Materialize CSS를 사용하고 있습니다. 이미지에 시차 효과를 주려고하지만 클래스 시차가있는 div 태그 사이의 이미지가 작동하지 않습니다. 누군가 제발 알아낼 수 있습니까? 나는 정말로 도움에 감사 할 것이다.클래스 시차로 div 태그의 이미지가 표시되지 않는 이유는 무엇입니까?

+1

당신은 우리에게 몇 가지 코드 보일 수 있는가? 바람직하게는 예를 들어 작업 예제를 작성하십시오. 제스 피들 – giorgio

답변

0

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