modal-noscroll-helper

1.0.11 • Public • Published

modal-noscroll-helper

用于解决显示弹窗时,锁定页面,防止背景页面一直可以滑动

##############

用法:

1、npm install modal-noscroll-helper --save-dev

2、import ModalNoScrollHelper from 'modal-noscroll-helper'

3、let modalNoScrollHelper = new ModalNoScrollHelper();

弹窗打开: modalNoScrollHelper.toggleBlock(true)

弹窗关闭: modalNoScrollHelper.toggleBlock(false)

4、 页面加上这两个样式

body.modal-open{ position: fixed; width: 100%; }

body.modal-open-input{ position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden; }

Readme

Keywords

none

Package Sidebar

Install

npm i modal-noscroll-helper

Weekly Downloads

0

Version

1.0.11

License

ISC

Unpacked Size

21 kB

Total Files

5

Last publish

Collaborators

  • waiyyy