@ivex/nuxt-scroll-area

Scroll Area Nuxt module for iVex

📖 Release Notes

Setup

• Add @ivex/nuxt-scroll-area dependency using yarn or npm to your project
• Add @ivex/nuxt-scroll-area to modules section of nuxt.config.js

{
  modules: [
    // Simple usage
    '@ivex/nuxt-scroll-area',

    // With options
    [
      '@ivex/nuxt-scroll-area',
      {
        /* module options */
      },
    ],
  ]
}

Usage

<template>
  <div>
    <div class="container">
      <ScrollArea>
        <div class="long-content">
          Works!
          <div v-for="n in 100" :key="n">
            {{ n }}
          </div>
        </div>
      </ScrollArea>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style>
html,
body {
  margin: 0;
  padding: 0;
}

.container {
  width: 100%;
  height: 100vh;
  overflow: auto;
}
</style>

Development

• Clone this repository
• Install dependencies using yarn install or npm install
• Start development server using npm run dev

License

MIT License

Copyright (c) Vyacheslav Shimarulin