我正在制作移动HTML 5原型,最近我在我的应用中添加了一些动画。我正在使用Zepto,我对它非常满意。然而,每当我点击应用程序中的某些内容时,会有一个非常快速的闪烁效果,因为这种闪烁动画看起来不是很平滑。我知道我不能很好地解释这个问题,但也许这个视频会更清楚:
https://www.dropbox.com/s/2kf1l0uhos2fson/IMG_0883.MOV
基本上我正试图摆脱这种眨眼。
编辑:我正在使用Backbone Marionette和Zepto编写我自己的slideToggle函数
var EmailView = Backbone.Marionette.ItemView.extend({
events:{
"tap .meal-info" : "editModelTouch",
"click .meal-info" : "editModel",
},
template: _.template(emailTemplate),
initialize : function(){
console.log(window.mobilecheck);
_.bindAll(this);
this.model.on('change', this.render);
},
editModel : function(e){
if(window.mobilecheck) return
$("#" + this.model.id).slideToggle();
},
editModelTouch : function(e){
$("#" + this.model.id).slideToggle();
},
});
将其用于slideToggle:https://github.com/Ilycite/zepto-slide-transition/blob/master/zepto-slide-transition.js