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

timeout - Handshake_timeout on RabbitMQ using python and pika from remote vm -

gcc - MinGW's ld cannot perform PE operations on non PE output file -

c# - Search and Add Comment with OpenXML for Word -