Why does my skrollr parallax effect not work properly when the height of my window gets longer? -


i got parallax effect work on laptop screen size. viewed site on larger screen noticed parallax effect not finishing because there not enough room scroll down. how fix issue? below snippet of code showing 2 of elements moving scroll down. using data attributes transform. should using else? can view site here http://nsohail.github.io/project3-html/

<div id="slide-1" class="slide"                          data-0="transform:translate(-770px,0px);"                         data-10p="transform:translate(-770px,0px);"                         data-100p="transform:translate(185px,0px);"> </div>  <div id="slide-1" class="slide"                          data-0="transform:translate(770px,0px);"                         data-10p="transform:translate(770px,0px);"                         data-100p="transform:translate(-220px,0px);"> </div> 

instead of using 100p (percentages) use pixels end @ exact spot no matter screen height is. adjust percentages numbers. example data-0, data-10, data-100.


Comments

Popular posts from this blog

ruby on rails - RuntimeError: Circular dependency detected while autoloading constant - ActiveAdmin.register Role -

c++ - OpenMP unpredictable overhead -

javascript - Wordpress slider, not displayed 100% width -