收藏
回答

一个bug,求官方修复

问题模块
API和组件

一个全景图作为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)


谢谢

最后一次编辑于  2017-07-11
回答关注问题邀请回答
收藏