A Vue directive that prevents vertical scrolling outside the current element when top or bottom are reached.
npm install --save vue-prevent-parent-scroll
import Vue from 'vue'
Vue.use(require('vue-prevent-parent-scroll'))
<div id="parent">
<div id="scrollable-child" v-prevent-parent-scroll>
</div>
</div>