GSAP Tween后台大小在ios / ipads中无法正常工作

时间:2016-06-18 14:44:02

标签: javascript tweenmax gsap tweenlite timelinelite

使用gsap tweenmax(lite或timelinelite),backgroundSize在浏览器上正常工作,但在ios / ipads上不能正常工作

在浏览器上查看此内容以及iPad上的错误。任何帮助将非常感激。 http://codepen.io/jonathan/pen/AigpI

// cache element in variable
var $img = $('#box');
// set initial CSS autoAlpha to 0  
// GSAP handles the cross browser vendor prefixes
TweenMax.set($img,{backgroundSize:"100% 100%"});
// animate CSS autoAlpha to 1
var freewayEaseTween = TweenMax.to($img, 10, {
  backgroundSize: "+=25% +=25%", 
  autoRound:false, 
  repeat:-1,
  yoyo:true,
  ease:Power1.ease0ut
});
freewayEaseTween.play(); 

1 个答案:

答案 0 :(得分:1)

在GreenSock论坛中回答:http://greensock.com/forums/topic/14594-background-size-does-not-work-properly-in-iosipads/?p=62376

它与Safari报告计算样式的方式不一致(省略第二个值)。它应该在即将发布的GSAP版本中解决,您可以预览(在论坛帖子中链接)。