fullPage

构造函数

cmp.fullPage

cmp.fullPage
(
  • container
  • options
)

参数:

名称类型标识描述
container String | Object 必选

列表容器标识,querySelector能定位的css选择器均可,比如:id、.class等,如:"#id"、".class"(必须符合以上两种形式的查询)

options Object 必选

配置参数

名称类型标识描述
onLeave Function 必选

当前section离开时的回调函数

afterLoad Function 必选

下一个section加载完成后的回调

示例:

<div id="fullPageContainer">
    <section>第一页</section>
    <section>第二页</section>
    <section>第三页</section>
</div>
<script>
    cmp.fullPage("#fullPageContainer",{
          onLeave:function(currentIndex,nextIndex,direction){
                  //currentIndex:当前正准备离开的页面的页签数
                  //nextIndex:即将跳转到下一个页面页签数
                  //direction:返回页面跳转的方向  down:1----->2的方向   up:  2------>1的方向
          },
          afterLoad:function(pageName,pageIndex){
                //pageName:滚动完成后的section的名称
                //pageIndex:滚动完成后的section下标
          }
    });
</script>
Top