Vue中使用fullpage.js实现全屏滚动（基础演示）

最新推荐文章于 2025-11-14 09:36:41 发布

原创

最新推荐文章于 2025-11-14 09:36:41 发布 · 1.2w 阅读

26 ·

CC 4.0 BY-SA版权

安装

npm install --save vue-fullpage.js

引用

import VueFullpage from 'vue-fullpage.js'
Vue.use(VueFullpage)

使用

<template>
    <div>
        <full-page :options="options">
            <div class="section">
                <div class="box1">
                   section1
                </div>
            </div>
            <div class="section">
                <div class="box2">
                section2
                </div>
            </div>
            <div class="section">
                <div class="box3">
                section3
                </div>
            </div>
        </full-page>
    </div>
</template>
 
<script>
export default {
    name: '',
    data () {
        r