vue使用vue-fullpage知道当前滑动页面在第几页

  • data部分
    规定回调函数
  data() {
      return {
        options: {
          afterLoad: this.afterLoad,
       //   这个是回调函数
          verticalCentered: false,
          scrollingSpeed: 500,
          navigation: 'true',
          section: ['#fff', '#fff', '#fff', '#fff', '#fff']
        },
        topShow: false,
       }
    },
  • methods部分
    section滚动会造成body的刷新,同时调用回调函数,其中body上的classname,对应’fp-viewing-0’,‘fp-viewing-1’,‘fp-viewing-2’
```methods: {
      //回调函数会随着section滑动调用
      afterLoad() {
        console.log("Emitted 'after load' event.")
        //获取body的classname,跟随section滑动刷新
        let a = document.body.className
        //在第几页控制相关逻辑
        if (a != 'fp-viewing-0') {
          } else {
          }
      },
    }
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值