nuxt-fullpage is a nuxt module for creating fullscreen page scroll fast and simple.

Open Source Afghanistan

Last update: Dec 30, 2022

Overview

Nuxt fullpage

Nuxt module for creating fullscreen page scroll fast and simple.

Demo online

Installation
Usage
Options
Contributing

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
    }]
  ]
}

Contributing

You might also like...

A startpage website for your new tab page!

Startpage This is a startpage for your browser. Think of your boring new tab page and replace it with this! To use this website right away, go to: htt

8 Dec 30, 2022

This is nuxt invoice app using nuxt.js and firebase

Nuxt Invoice App Build Setup # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and

8 Dec 20, 2022

A lightweight Nuxt template to build a Markdown driven website. Powered by Nuxt Content, TailwindCSS and Iconify.

470 Jan 2, 2023

🖼Portfolio built with Nuxt and Nuxt Content

6 Jan 8, 2023

A simple multipage and responsive Nuxt.js & TailwindCSS portfolio theme with dark mode.

Nuxt.js & TailwindCSS Portfolio - With Dark Mode A simple portfolio starter theme built with Nuxt.js and TailwindCSS. This is the Nuxt version of the

42 Dec 3, 2022

A convenient replacement for nuxt-link component when using nuxt-i18n

nuxt-i18n-link A convenient replacement for nuxt-link component when using nuxt-i18n. It is simply a replacement for this exact code: nuxt-link :to

1 May 25, 2021

A webpack loader i18n solution for Vue (Nuxt) with auto generated keysA webpack loader i18n solution for Vue (Nuxt) with auto generated keys

vue-i18n-loader - another webpack loader i18n solution for Vue (Nuxt) with auto generated keys. Currently under development, pull requests and suggest

0 Feb 7, 2022

Fcl-nuxt-starter - FCL plugin + full stack Nuxt application starter template

How to use the Flow Client Library (FCL) with Nuxt Access the FCL instance from

3 Jul 18, 2022

English-quiz-nuxt - An english quiz using nuxt

english-quiz-nuxt Live demo here Build Setup # install dependencies $ yarn insta

2 Feb 17, 2022

Comments

Create a button to go to slide xx

Hello, I have used your plugin in my project but how I can create a button that will navigate to a specific slide? I have tried using id in HTML, but it ended up can't do scrolling after clicking the button

opened by RSurya99 0