A tiny Vue directive that stop propagation scroll when edge reached.
Works with desktop
mousewheel and mobile
|✅ On||❌ Off|
Want to try? Here's a link.
npm i --save vue-scroll-stop
Include the script file, then install the component with
Once installed, it can be used in a template as simply:
By default directive works on both direction but you can strict it by using modifier v (vertical) or h (horizontal)
<!-- Works only for horizontal scroll -->
You can pass
false as value to disable directive reactive
<!-- Directive disabled -->