使用姿勢(shì)
在設(shè)計(jì)全屏滾動(dòng)插件的時(shí)候,希望開(kāi)發(fā)者幾乎:
不用寫(xiě)任何腳本快速生成精致H5
支持PC滾輪和移動(dòng)觸摸
酷炫的轉(zhuǎn)場(chǎng)動(dòng)效
靈活的時(shí)間軸管理
一切皆可配置
但是不寫(xiě)腳本肯定沒(méi)有靈活性咯?!不是的。這里不僅僅可以通過(guò)在HTML配置一些參數(shù),還可通過(guò)插件的回調(diào)函數(shù)進(jìn)行一些邏輯注入。就拿上面大家掃碼看到的例子的部分HTML來(lái)分析下AlloyTouch.FullPage的使用姿勢(shì):
<div id="fullpage"> <div> <div> <div class="animated" data-show="bounceInLeft" data-hide="bounceOutLeft">AlloyTouch Introduction</div> <div class="animated" data-delay="500" data-show="bounceInUp" data-hide="zoomOut"><img src="asset/alloytouch.png"></div> <div class="animated" data-delay="1200" data-show="bounceIn" data-hide="bounceOut">By AlloyTeam</div> </div>