SwipeJS：Firefox的问题

后google'ing我只是在这里结束了张贴以下问题的时间：SwipeJS：Firefox的问题

我使用swipejs（swipejs.com）作为我的网页上一个负责任的触摸滑块。这非常酷，它适用于我所有浏览器和移动设备的需求。

但我遇到了Firefox（版本18-20）的问题。虽然我是'分页'，但第一张幻灯片看起来不错，第二张幻灯片 - 以及后面的每一张 - 看起来都很奇怪。

我不能激起网站上的行为 - 有时它看起来很好。

swipe.js的滑动功能与translate（）函数一起使用（而不是通过增加边距来推动幻灯片）我发现，Firefox的翻译功能实际上存在一个错误，幻灯片看起来很可怕。

此外我读了一下，当在滑动项目中有100％高度和宽度的图像时，不会发生此问题。所以我使用了透明的.gif（w 100％/ h 100％）使问题消失，但它对我无效。

这种行为很难解释，因此这里是一个YouTube视频链接，它显示了上述错误/问题。 http://www.youtube.com/watch?v=0l1icgUDOjU

有没有人有同样的问题？有谁知道我的解决方案？

来源

2013-05-15 user1474444

我已经通过在swipe.js的构造函数中调整（hacking）transitions参数来解决此问题。在我的例子

transitions: (function (temp) { 
      var props = ['transitionProperty', 'WebkitTransition', 'MozTransition', 'OTransition', 'msTransition']; 
      for (var i in props) { 

if (temp.style[props[i]] !== undefined) { 
       return true; 
       } 
       return false; 
      } 
      return false; 
}

成为

transitions: (function (temp) { 
      var props = ['transitionProperty', 'WebkitTransition', 'MozTransition', 'OTransition', 'msTransition']; 
      for (var i in props) { 

       if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) { 
       return false; 
       } 
       else if (temp.style[props[i]] !== undefined) { 
       return true; 
       } 
       return false; 
      } 
      return false; 
}

不漂亮，但没有工作 - 试了一下。您可以通过为版本18和更高版本添加附加检查来改进它。

所以会做，直到火狐解决其希望他们会在某个时刻

干杯

来源

2013-06-11 11:44:55

帮了我太多的CSS转换错误。 Thanx –

哦，不，小心螃蟹的黑客攻击，它会打断iOs。也许解决方法是省略for-loop中的最后一行'return false;' - 但不确定副作用。 –

SwipeJS：Firefox的问题

回答

相关问题