zepto 添加 animate組件

今天發現JQuery可以用 animate方法回到頂部，心想着zepto應該也可以

$('html,body').animate({ scrollTop: 0 }, 1000);

於是便用了一下，發現console提示zepto沒有這個方法，百度之后發現原來不是沒有這個方法，是因為這animate這個方法是在effects組件里的，然而默認的zepto是沒有這個組件的，於是又倒騰了一下。

1.要安裝node和npm

2.到https://github.com/madrobby/zepto下載zepto的包

3.到zepto的目錄下編輯目錄下的make文件，找到第41/42行，就是modules = (env['MODULES'] || 'zepto event ajax form ie').split(' ')這么一行,增加或刪除組件

4.到cmd，cd到zepto的目錄，執行npm install回車，再執行npm run-script dist 回車，成功之后你應該可以看到

dist/zepto.js: 57.4 KiB
dist/zepto.min.js: 25.8 KiB
dist/zepto.min.gz: 9.6 KiB

接下來你就可以快樂地使用animate了，什么？不行，在踩了一個又一個坑之后，發現又來一個坑。zepto的animate()源碼采用css3的方式進行，而scrollTop屬性不在css3的動畫屬性中，所以沒有生效。

解決方案見這篇博文http://www.cnblogs.com/skyHF/p/4720308.html