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