Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/openafg/nuxt-fullpage
nuxt-fullpage is a nuxt module for creating fullscreen page scroll fast and simple.
https://github.com/openafg/nuxt-fullpage
fullpage fullpage-scroll nuxt-fullpage nuxt-module nuxtjs vue
Last synced: 3 months ago
JSON representation
nuxt-fullpage is a nuxt module for creating fullscreen page scroll fast and simple.
- Host: GitHub
- URL: https://github.com/openafg/nuxt-fullpage
- Owner: openafg
- License: mit
- Created: 2021-07-01T12:18:36.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2021-07-12T19:11:43.000Z (over 3 years ago)
- Last Synced: 2024-04-24T19:11:59.576Z (9 months ago)
- Topics: fullpage, fullpage-scroll, nuxt-fullpage, nuxt-module, nuxtjs, vue
- Language: Vue
- Homepage: https://afgprogrammer.com
- Size: 10.7 KB
- Stars: 18
- Watchers: 2
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
### Nuxt fullpage
Nuxt module for creating fullscreen page scroll fast and simple.
- [Demo online](https://codesandbox.io/s/openafgnuxt-fullpage-live-demo-c8qul)
## Table of contents
1. [Installation](#installation)
2. [Usage](#usage)
3. [Options](#options)
4. [Contributing](#contributing)## Installation
Terminal:
```bash
// With npmnpm install --save @openafg/nuxt-fullpage
```## Usage
Add @openafg/nuxt-fullpage to the Modules section of nuxt.config.js
```js
export default {
modules: [
['@openafg/nuxt-fullpage', {
// Options
}]
]
}
```## Required HTML
This wrapper creates a `` component, which you can use like other Vue.js components. For example:```html
First section ...
Second section ...
```## Options
To configure the module, in nuxt.config.js.```js
export default {
modules: [
['@openafg/nuxt-fullpage', {
activeSection: 0,
mouseWheelSensitivity: 120,
showIndicators: false
}]
]
}
```
## Contributing