- 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
npm install disable-body-scroll
key | desc | params1 | params2 |
---|---|---|---|
disabledBodyScroll | disabledBodyScroll function | scroll dom | --- |
directive | vue directive config | -- | --- |
- recommended to replace it with directive if you use vue
disabledBodyScroll(document.querySeletor("#modelScrollBox"));
- only work with vue
import { directive } from "disable-body-scroll";
Vue.directive("disabled-body-scroll", { ...directive });
//
<div id="modelScrollBox" v-disabled-body-scroll>
...
</div>
;
-
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