vue-prevent-wheel-transition v0.1.0

vue-prevent-wheel-transition

A vue plugin for preventing the screen transition fired by wheeling.

Quick start

Installing the module.

$ npm install vue-prevent-wheel-transition

or

$ yarn add vue-prevent-wheel-transition

In your main process.

import VuePreventWheelTransition from 'vue-prevent-wheel-transition'

Vue.use(VuePreventWheelTransition)

In your component.

<template>
  <div
    v-prevent-wheel-transition
    class="the-outer"
  >
    <div class="the-inner" />
  </div>
</template>

<style>
.the-outer {
  width: 100px;
  overflow-x: auto;
}
.the-inner {
  width: 200px;
}
</style>

Browsers support

Tested only in Chrome.

License

This software is distributed under MIT license.

Note

This project was created as a learning theme for self-study days within my company.