Javascript Vue

A nuxt module for creating fullscreen page scroll fast and simple1 min read

Nuxt fullpage

Nuxt module for creating fullscreen page scroll fast and simple.

Installation

Terminal:

// With npm

npm install –save @openafg/nuxt-fullpage

Usage

Add @openafg/nuxt-fullpage to the Modules section of nuxt.config.js

export default {
modules: [
[‘@openafg/nuxt-fullpage’, {
// Options
}]
]
}

Required HTML

This wrapper creates a <full-page> component, which you can use like other Vue.js components. For example:

<div>
<full-page>
<section class=”section”>
First section …
</section>
<section class=”section”>
Second section …
</section>
</full-page>
</div>

Options

To configure the module, in nuxt.config.js.

export default {
modules: [
[‘@openafg/nuxt-fullpage’, {
activeSection: 0,
mouseWheelSensitivity: 120,
showIndicators: false
}]
]
}

React Admin Templates and Themes

Pin It on Pinterest

Generated by Feedzy