当前位置: 首页 > 工具软件 > fullPage.js > 使用案例 >

vue vue-fullpage.js 定位 方法调用

孟栋
2023-12-01

vue vue-fullpage.js 定位 方法调用

<full-page id="fullpage" ref="fullpage" :options="options"></full-page>
<div class="move-email" @click="gotolastpage"><img src="./assets/email.png"></div>
。。。
。
options: {
  // licenseKey: "OPEN-SOURCE-GPLV3-LICENSE",
  afterLoad: this.afterLoad,
  scrollOverflow: false,
  scrollBar: false,
  controlArrows: true,
  sectionsColor: ['#ffffff', '#ffffff', '#ffffff', '#ffffff', '#f5f5f5'],
  anchors: ['page1', 'page2', 'page3', 'page4', 'page5'],
},

anchors: [‘page1’, ‘page2’, ‘page3’, ‘page4’, ‘page5’], 这个必须加上

gotolastpage(){
   this.$refs.fullpage.api.moveTo('page5', 1);
},

你想到那个页面就 加 page几

 类似资料: