0

我正在开发一个移动 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();

    },

});

将此用于幻灯片切换：https ://github.com/Ilycite/zepto-slide-transition/blob/master/zepto-slide-transition.js

4

0 回答 0