jquery - Stellar.js for parallax scrolling is deleyed -


I am using the plugin stellar.js to create a parrallax effect ... Especially I want to have a simple background scrolling slower than the rest of the site like www.OmarHabash.com.

I think everything is set up properly ... the first three spotlight devices are scrolling slow, but slowly it looks up ... it's not going to do this

This is init I use

  $ (window). Theellar ();   

And it is one of the three divs that I am using the script.

  & lt; Div class = "home-100-2" data-stellar-background-proportion = "1.1" style = "background: url ('& lt ;? php the_field (' sl-image-2 ')? & Gt;') Fixed;" & Gt;   

If you look at the site, you will see the problem

Has some CSS transition style that is applicable to.-100-1, .home-100-2. ,. Home -100-3 Try removing them:

  .home-100-1, .home-100-2, .home-100-3 {height: 320px; Background: # 000; Border bottom: 10px solid # 000; Width: 100%; / * Transition: all .6s; * / / * - Socks-Infection: all .6s; * / / * -webkit-transition: all .6s; * / / * -O-Infection: All .6s; * / Background-Size: 100% Auto! Important; }    

Comments

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

Matlab transpose a table vector -

c# - Textbox not clickable but editable -