finger-mover移動(dòng)端動(dòng)效平臺(tái)

finger-mover 是一個(gè)集成 Fingerd(移動(dòng)端以手指為單位的事件管理方案) 和 Moved(微型運(yùn)動(dòng)方案) 為一體的移動(dòng)端動(dòng)效平臺(tái)，finger-mover 本身并不能為你做什么，但是附帶的提供了很多插件，例如： 縱向模擬滾動(dòng)(simulation-scroll-y.js)、 橫向模擬滾動(dòng)(simulation-scroll-x.js)等等，配合這些插件，你可以輕松的實(shí)現(xiàn)移動(dòng)端的一些運(yùn)動(dòng)組件。

特性

• 體積小，壓縮后：11.12kb

• 插件化，運(yùn)動(dòng)組件均以插件的形式提供，當(dāng)然，你也可以開(kāi)發(fā)你自己插件，請(qǐng)查看 插件開(kāi)發(fā)

安裝

npm install --save finger-mover

finger-mover 以 umd 模塊發(fā)布，所以你可以使用任何你想用的方式來(lái)使用它。如果直接使用 <script> 標(biāo)簽引用的話，那么將注冊(cè)全局變量 Fmover。

快速開(kāi)始

// 導(dǎo)入 finger-mover
import Fmover from 'finger-mover'
// 導(dǎo)入 縱向模擬滾動(dòng)插件 simulation-scroll-y
import simulationScrollY from 'simulation-scroll-y'
// 導(dǎo)入 橫向模擬滾動(dòng)插件 simulation-scroll-x
import simulationScrollX from 'simulation-scroll-x'

// 同時(shí)使用 simulation-scroll-y 和 simulation-scroll-x 這兩個(gè)插件，即可實(shí)現(xiàn) 2d 滾動(dòng)
let fm = new Fmover({
    el: '#scroll-box',
    plugins: [
        simulationScrollX(),
        simulationScrollY()
    ]
})

• 2d 滾動(dòng) live demo