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