javascript - android skrollr.js兼容，在手机微信上浏览时图片错位显示怎么解决

Question

<p

    class="parallax-image-wrapper parallax-image-wrapper-50"
    data-anchor-target="#kittens + .gap"
    data-bottom-top="transform:translate3d(0px, 300%, 0px)"
    data-top-bottom="transform:translate3d(0px, 0%, 0px)"
    data-bottom-top="-webkit-transform:translate3d(0px, 300%, 0px)"
    data-top-bottom="-webkit-transform:translate3d(0px, 0%, 0px)">

    <p
        class="parallax-image parallax-image-50"
        style="background-image:url(images/phonebg2s1.jpg)"
        data-anchor-target="#kittens + .gap"
        data-bottom-top="transform: translate3d(0px, -60%, 0px);"
        data-top-bottom="transform: translate3d(0px, 60%, 0px);"
        data-bottom-top="-webkit-transform: translate3d(0px, -60%, 0px);"
        data-top-bottom="-webkit-transform: translate3d(0px, 60%, 0px);"
    >
</p>

Answer 1

自己回答一下吧，这个最终想要的是滚动视差效果，解决办法是通过js判断滚动位置触发背景图片切换