javascript - use Skrollr fixd height working wrong -


i use skrollr.js test parallax background. example code http://jsfiddle.net/r0g5ade7/

<div         class="parallax-image-wrapper"         data-anchor-target="#bacons + .gap"         data-bottom-top="transform:translate3d(0px, 200%, 0px)"         data-top-bottom="transform:translate3d(0px, 0%, 0px)"         style="height:1500px;top:-1500px;">          <div             class="parallax-image"             style="background-image:url(http://bmws010.ugear.tw/imgadmin/diary/f1m.jpg);height:1500px;top:0;"             data-anchor-target="#bacons + .gap"             data-bottom-top="transform: translate3d(0px, -80%, 0px);"             data-top-bottom="transform: translate3d(0px, 80%, 0px);"         ></div> 

the example has 3 images frame ,i try change 2nd image frame height 100% 1500px ,but background working wrong.

if resize window ,the frame working wrong.

this test code http://jsfiddle.net/r0g5ade7/3/

how fix problem.


Comments

Popular posts from this blog

twig - Using Twigbridge in a Laravel 5.1 Package -

jdbc - Not able to establish database connection in eclipse -

firemonkey - How do I make a beep sound in Android using Delphi and the API? -