disable-body-scroll

- Disable the scrolling of the content of the body when the content of the pop-up window is scrolled
- Please add to the Y-axis scrolling element
- Support vue directive(vue2,vue3)
- Support independent function call
- demo

Project setup

``
npm install disable-body-scroll
`

$3

| key | desc | params1 | params2 |
| ------------------ | --------------------------- | ---------- | ------- |
| disabledBodyScroll | disabledBodyScroll function | scroll dom | --- |
| directive | vue directive config | -- | --- |

$3

#### disabledBodyScroll

- recommended to replace it with directive if you use vue

`javascript
disabledBodyScroll(document.querySeletor("#modelScrollBox"));
`

#### directive

- only work with vue

`javascript
import { directive } from "disable-body-scroll";
Vue.directive("disabled-body-scroll", { ...directive });
`

`html
//



;
`

#### Q&A

- Dynamically enable or disable the diasabledScroll
- like v-disabled-body-scroll:[disabledScrollDirectiveStatus],variable disabledScrollDirectiveStatus is ”working“ or "disabled"

- Adaptive horizontal screen app
- like v-disabled-body-scroll="rotate"`,Variable rotate equals 0 or 90 or - 90