css - Background image moves using Stellar.js -


i'm developing vertical scrolling website using stellar.js. however, background image set first slide begins shift start scrolling other pages. how keep fixed? website: http://andrewgu12.kodingen.com/

screenshot (that blue area shouldn't there):

enter image description here

css:

div#home {     padding-top: 110px;     background:url(../images/home_background.jpg) no-repeat fixed;     max-height: 589px;     background-attachment:fixed;  } 

any appreciated, thanks!

while work, kill scroll parallax effects - disable parallax backgrounds , retain parallax elements, find under variable declaration area top , set 'false':

"parallaxbackgrounds: true," --> parallaxbackgrounds: false,


Comments

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

css - Firefox for ubuntu renders wrong colors -