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

最新推荐文章于 2026-05-23 08:32:09 发布

原创

最新推荐文章于 2026-05-23 08:32:09 发布 · 1.2w 阅读

收录于

安装

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