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

powershell Start-Process exit code -1073741502 when used with Credential from a windows service environment -

twig - Using Twigbridge in a Laravel 5.1 Package -

c# - LINQ join Entities from HashSet's, Join vs Dictionary vs HashSet performance -