一个bug,求官方修复
发布于 5 年前 作者 leihou 3601 次浏览 来自 问答

一个全景图作为view 的背景,view设置较小的size,以显示全景图的一部分

.image-div{

    position: absolute;

    width: 600rpx; 

    height: 400rpx;

    overflow: hidden;

    display: block;

    max-width: initial;

    background-size: 1700px 400rpx;

}

 <view class=“image-div” style=“background-image:url(/bigimg.jpg);background-position:{{myPosition}}”></view>

改变background-position 就可以实现全景图的移动效果,如

        this.setData({ myPosition: “0px 0px” });

        this.setData({ myPosition: “-10px 0px” });


问题是:

          1) 在android, 全景图的移动效果很流畅,(测试环境 android 5.0)

            2)在iPhone, 图片闪烁的比较厉害,(测试环境 iphone 6 plus, iphone 7)


谢谢

回到顶部