title: Paralax Materialize
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
    $('.parallax').parallax();
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"&gt;&lt;/script&gt;
  &lt;link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"&gt;
  
  
  
  &lt;nav&gt;
    &lt;div class="nav-wrapper container"&gt;
      &lt;a href="#" class="brand-logo"&gt;Vowel&lt;/a&gt;
      &lt;ul id="nav-mobile" class="right hide-on-med-and-down"&gt;
        &lt;li&gt;&lt;a href="collapsible.html"&gt;About us&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=""&gt;Subscribe&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/div&gt;
      &lt;/nav&gt;
  
      &lt;div class="parallax-container"&gt;
      &lt;div class="parallax"&gt;
      &lt;img src="images/london.jpg"&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="row container"&gt;
      &lt;h2&gt;Title text&lt;/h2&gt;
    
      &lt;p&gt;Lorem ipsum&lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div class="row container"&gt;
      &lt;h2&gt;Title text&lt;/h2&gt;
      &lt;p&gt;Lorem ipsum&lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div class="parallax-container"&gt;
      &lt;div class="parallax"&gt;&lt;img src="images/nyc.jpg"&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="row container"&gt;
      &lt;h2&gt;Title text&lt;/h2&gt;
      &lt;p&gt;Lorem ipsum&lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div class="row container"&gt;
      &lt;h2&gt;Title text&lt;/h2&gt;
      &lt;p&gt;Lorem ipsum&lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div class="parallax-container"&gt;
      &lt;div class="parallax"&gt;&lt;img src="images/nyc.jpg"&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;footer class="page-footer"&gt;
      &lt;div class="container"&gt;
      &lt;div class="row"&gt;
      &lt;div class="col l6 s12"&gt;
      &lt;h5 class="white-text"&gt;Footer Content&lt;/h5&gt;
      &lt;p class="grey-text text-lighten-4"&gt;You can use rows and 
      columns here to organize your footer content.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="col l4 offset-l2 s12"&gt;
      &lt;h5 class="white-text"&gt;Links&lt;/h5&gt;&lt;ul&gt;
      &lt;li&gt;&lt;a class="grey-text text-lighten-3" href="#!"&gt;Link 1&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a class="grey-text text-lighten-3" href="#!"&gt;Link 2&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a class="grey-text text-lighten-3" href="#!"&gt;Link 3&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a class="grey-text text-lighten-3" href="#!"&gt;Link 4&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="footer-copyright"&gt;
      &lt;div class="container"&gt;
        © 2014 Copyright Text
        &lt;a class="grey-text text-lighten-4 right" href="#!"&gt;More Links&lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;/footer&gt;
  
  
    &lt;script type="text/javascript" src="js/materialize.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I know that this question was here before but I couldn't solve my problem at all. I don't know why my paralax doesn't work. I don't have any CSS for that nor other scripts. Any thoughts what might be my problem? I downloaded jquery as well and put to the folder where I have my website files, it didn't work. I tried different versions, and I pasted one script below/above the other to see if can work - it didn't. </p>