@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

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

0.4.3 (2019-02-26)

Bug Fixes

• upgrade packages (1d3af03)

0.4.0 (2019-02-23)

Note: Version bump only for package @ivex/nuxt-scroll-area

0.3.0 (2019-02-17)

Note: Version bump only for package @ivex/nuxt-scroll-area

0.2.0 (2019-02-10)

Note: Version bump only for package @ivex/nuxt-scroll-area

0.1.1 (2019-02-10)

Bug Fixes

• rename scroll-area module to nuxt-scroll-area (6a17555)

0.1.0 (2019-02-09)

Features

• vuescroll: @ivex/vuescroll module options and templates (1e96035)
• vuescroll: add @ivex/vuescroll (8a9a840)