私はモバイル HTML 5 プロトタイプに取り組んでおり、最近アプリにいくつかのアニメーションを追加しました。私は Zepto を使用していますが、とても満足しています。ただし、アプリで何かをタップするたびに、非常に速い点滅効果が発生します。この点滅の結果、アニメーションが非常に滑らかに見えません。問題をうまく説明できなかったことは承知していますが、次のビデオでより明確になるかもしれません。
https://www.dropbox.com/s/2kf1l0uhos2fson/IMG_0883.MOV
基本的に、私はこの点滅を取り除こうとしています。
編集:私は Zepto で Backbone Marionette を使用しており、独自の 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