paralaks üzerinde perde efekti nasıl eklenir

Question

Paralaksımdaki metin için bir efekt eklemek istiyorum (bağlantıyı kontrol edin) ->https://ihatetomatoes.net/demos/simple-parallax-scrolling-tutorial/ bunu nasıl yapabilirim? bazı eklentilere ihtiyacım var mı? Zaten burada benim örnek kod veya çek Eğer ki, 'sen eklentileri gerekiyor' Bu jsfiddle https://jsfiddle.net/hfnm54yb/

HTML: 
<!--section 1 --> 
<section id="slide-1" class="homeSlide"> 
    <div class="content"> 
     <div class="parallax-bg1"> 
      <h1>add content here...</h1>    
     </div> 
    </div>    
</section> 




<!--section 2 --> 
<div class="content2"> 
    <div class="parallax-bg2"> 
     <h1> add content here...</h1> 
    </div> 
</div>   




<!--section 3 --> 
<div class="content3"> 
    <div class="parallax-bg3"> 
     <h1> add content here...</h1> 
    </div> 
</div>   





CSS: 
    .parallax-bg1 { 
     padding:300px 0; 
     background-color:red; 
     background-size: cover; 
     background-attachment: fixed; 
     } 

    .parallax-bg2 { 
     padding:300px 0; 
     background-color:blue; 
     background-size: cover; 
     background-attachment: fixed; 
     } 



     .parallax-contact{ 
     padding:300px 0; 
     background-color: red; 
     background-size: cover; 
     background-attachment: fixed; 
     } 


    h1 { 
     background: none; 
     padding-left: 0; 
     padding-right: 0; 
     color:black; 
     } 

Answer 1

var ... Eğer öğretici doğru eklentileri kurdunuz mu? Bağlandığınız öğreticiden (* adımları izlediğinizde oldukça iyi çalışan), https://github.com/Prinzhorn/skrollr'u yüklemeniz gerekir. Tahmin ederseniz, henüz yapmadıysanız jQuery'yi de eklemeniz gerekecektir. Bu daha detaylı öğretici benziyor

: Bu eklenti ile https://ihatetomatoes.net/how-to-create-a-parallax-scrolling-website