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

最新推荐文章于 2025-03-29 14:58:16 发布

春风欲雨

最新推荐文章于 2025-03-29 14:58:16 发布

阅读量1.2w

点赞数 4

分类专栏：前端小知识点 vue

本文链接：https://blog.csdn.net/WebDestiny/article/details/101209405

版权

安装

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&g