美文网首页
jQuery animate 不支持 tanslate

jQuery animate 不支持 tanslate

作者: 招展君 | 来源:发表于2017-05-26 20:49 被阅读22次

    背景:


    在开发demo的过程中,用的是zepto,然后也就引用了zepto的animation组件。
    结果在移植到项目里的时候,项目用的却是jQuery。

    jQuery的animate方法不支持css3的操作,比如transform。

    在网上找了好多方法,有在参数里传step啦 巴巴拉拉。 结果我并没有解决掉问题。

    .

    解决:


    翻看了下animate源码,发现其实也不长。 然后索性直接对它这个源码动手进行了微调,然后发现搞定了~ 开心。


    具体调整部分如下

    1. 修改最外层闭包传进来的根对象
    原:
    ;(....)(zepto)
    改:
    ;(....)(jQuery)//注意jquery的大小写
    
    1. 重命名animate库最终暴露出来的方法:
    原:
    this.anim = ....;
    $.fn.animate = fun....;
    $.fn.anim = fun.....;
    改为
    this.zeptoAnim = ....;
    $.fn.zeptoAnimate = fun....;
    $.fn.zeptoAnim = fun....;
    

    在外面用的时候 就是$dom.zeptoAnimate(....)

    搞定!

    相关文章

      网友评论

          本文标题:jQuery animate 不支持 tanslate

          本文链接:https://www.haomeiwen.com/subject/dfoxfxtx.html