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
Post a Comment